18F / frontend

18F's Front End Guild –  content has been moved to https://github.com/18F/development-guide

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Left navigation has rendering issues for active and scrolling states

line47 opened this issue · comments

When viewing the front end guide I noticed that the sidebar navigation had a few bugs:

Bug 1 - Active state on sidebar navigation
The text color and background color on the active state make the text unreadable.

To reproduce bug 1:
Navigate to https://pages.18f.gov/frontend/#css and notice that the active item in the navigation is unreadable.

Screenshots of bug 1:
screen shot 2016-11-09 at 10 10 46 am

Bug 2 - (Chrome Browser) Scrolling causes the sidebar navigation positioning to jump around

To reproduce bug 2:
Navigate to https://pages.18f.gov/frontend/#css using the Chrome browser. Scroll down the page and notice that the sidebar navigation becomes jumpy.

Screenshots of bug 2:
scrolling-issue

This is fixed with the migration to Federalist!