major
nice-to-have
minor
When a new object is to be created, the object icon of the corresponding button is marked with a star. However, up until now, a new icon has had to be created explicitly for this purpose.
A feature should be implemented that allows a specific overlay (add, export, import, update) to be added to any font icon.
Instructions
Currently, you can choose from 8 different overlays. To do this, simply add the corresponding CSS class. This consists of the prefix "overlay-" followed by the desired overlay icon as a suffix. Example: "overlay-add".
To apply an overlay to a Font Awesome icon, the tl:ThemeImage prefix must be changed from "css" to "colored." This adjusts the DOM structure to allow the icon and its background circle to be added.
From left to right:
- colored:overlay-add
- colored:overlay-create
- colored:overlay-remove
- colored:overlay-reset
- colored:overlay-export
- colored:overlay-import
- colored:overlay-gear
- colored:overlay-search
Test
Add an overlay to any font icon by adjusting the theme variable. Expected result: The icon receives an overlay.