USDA-FSA / fsa-style

CSS Implementation of USDA's FPAC Design System
http://usda-fsa.github.io/fsa-style/
Other
11 stars 8 forks source link

RWD Viewer: broken fake browser chrome #513

Closed francisrupert closed 2 years ago

francisrupert commented 3 years ago

Summary

Discovered while testing on Mac browsers. Further test across core browsers across multiple OS.

Not a bug for the actual codebase, and thus not an issue for any product team; solely specific to site build of fsa-style and fsa-design-system.

Culprit

Since the arrows are content rendered as text, and thus uses different fonts between Windows and Mac (i.e. Consolas on Windows).

Solution

Rather than try to get fonts aligned, replace with our new icons, which has the added bonus of being same icons used by Chrome for those browser controls.

Screenshot

image