Fixed XF2.2 Froala editor button icon/background color contrast issue

ACL

Customer
Something that I've noticed with the Flat Awesome + parent theme (unmodified) and also here on Pixel Exit is that certain icons along the Froala editor toolbar are hard to see/read when dropdowns are open. This issue can also apply to text in those dropdowns, depending on the color.

Perhaps the following cropped screenshots will do a much better job at describing the problem. They show Text color, Insert link, Lists and Paragraph format. Other buttons with open dropdowns appear to be affected but I figure you get the idea by this point :). You'll see that between FA+ and PixelExit.com the problem points differ, but perhaps this is just from lucky color choice? For example, Insert link and Text color icons look OK in FA+ (unchanged style colors), but then here on PixelExit.com they are hiding in camouflage.

Thanks for looking into this! :).

Text color​

XF---PE-and-FA+-Froala-toolbar-button-color-problem-FA+-text-color.gif
XF---PE-and-FA+-Froala-toolbar-button-color-problem-PE-text-color.gif


Insert link​

XF---PE-and-FA+-Froala-toolbar-button-color-problem-FA+-insert-url.gif
XF---PE-and-FA+-Froala-toolbar-button-color-problem-PE-insert-url.gif


Lists​

XF---PE-and-FA+-Froala-toolbar-button-color-problem-FA+-lists.gif
XF---PE-and-FA+-Froala-toolbar-button-color-problem-PE-lists.gif


Paragraph format​

XF---PE-and-FA+-Froala-toolbar-button-color-problem-FA+-paragraph-format.gif
XF---PE-and-FA+-Froala-toolbar-button-color-problem-PE-paragraph-format.gif
 

ACL

Customer
Thank you :).

One related Froala question, this time regarding the preview button. When previewing content in the editor, should this button's background share the same color as the the main editing area (to look like a tab)?

XF---PE-and-FA+-Froala-toolbar-preview-button-color.gif
 

Russ

Pixel Exit Staff
That was actually apart of the edits in the editor. It'll look like the normal XF approach with the 2.2.3 updates.

8kMApGb.png
 
  • Like
Reactions: ACL

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.