-
Bug
-
Resolution: Fixed
-
Minor
-
5.4
-
-
Empty show more show less
-
Basel 13
-
1
Magnolia's page-editor.css, line 35:
[class^="icon-"], [class*=" icon-"] { font-family: MagnoliaIcons !important;
conflicts with website designs that use font-awesome, such as the popular
Unify bootstrap template.
In preview mode, the website icons are swapped with others incorrectly, while the published site shows the icons correctly.
Screenshots attached.
Recommended solution: change the Magnolia CSS
([class^="icon-"], [class*=" icon-"])
to
".mgnlEditorBar [class^="icon-"], .mgnlEditorBar [class*=" icon-"]"
so that it's explictly just affecting the magnolia bar, not all icons on the page.
Wrong icons in preview mode:
Correct icons in published mode:
Acceptance criteria
