mirror of
https://github.com/abapGit/abapGit.git
synced 2025-04-30 20:03:20 +08:00
c03bb681b3
* font * css fix and icon rendering * assets and font link in html head * more icons * more css fixes * replace icon names * dev docs * Fonts update * icons rename * doc update * linter fixes * fix for abapmerge
25 lines
1.1 KiB
Markdown
25 lines
1.1 KiB
Markdown
---
|
|
title: Adding icons
|
|
order: 90
|
|
---
|
|
|
|
abapGit uses SIL and MIT licensed fonts, they are included in the distribution as a MIME object. This includes MIME objects:
|
|
|
|
- ZABAPGIT_ICON_FONT - font in WOFF format containing the custom icon set. WOFF is used due to compatibility, SAP GUI for Windows reuse IE (11)
|
|
- ZABAPGIT_ICON_FONT_CSS - CSS icon map
|
|
|
|
To add an icon to the icon set follow the next procedure:
|
|
|
|
1. You need `nodejs` installed (version 10 at the time of this doc creation)
|
|
2. Download this repo https://github.com/sbcgua/abapgit-icon-font
|
|
3. Run `npm install`
|
|
4. Download Font Awesome free version from [here](https://fontawesome.com/download)
|
|
5. Copy new SVGs to `svg` folder of the repo
|
|
6. Run `npm run build`, this will generate `woff` and `css` files in the `build` dir
|
|
7. Upload them to the system via SMW0 to the respective objects
|
|
8. Preferable commit the change in a separate commit
|
|
|
|
Please **mind the licensing** when adding icons not from Font Awesome
|
|
|
|
P.S. Alternatively you can use [w3mipoller](https://github.com/sbcgua/abap_w3mi_poller) for upload step
|