abapGit/docs/collections/_development/adding-icons.md
Alexander Tsybulsky c03bb681b3 Offline icons (#2454)
* 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
2019-03-06 00:49:04 -08:00

1.1 KiB

title order
Adding icons 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
  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 for upload step