You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using a standard anchor tag, incorrect padding-left is applied for sublists that use the nav-sublist mixin.
It looks like this issue was introduced in #3838. Order of precedence causes the padding specified by a:not(.usa-button), inside the nav-list mixin, to replace the padding-left specified by the nav-sublist mixin.
When using a standard anchor tag, incorrect padding-left is applied for sublists that use the
nav-sublist
mixin.It looks like this issue was introduced in #3838. Order of precedence causes the padding specified by
a:not(.usa-button)
, inside thenav-list
mixin, to replace the padding-left specified by thenav-sublist
mixin.Steps to reproduce the bug
.usa-sidenav__sublist a
anchor tags. (i.e. the anchor tag for the first "Child link").usa-sidenav a:not(.usa-button)
is replacing the padding-left from.usa-sidenav__sublist a
Expected behavior
The first "Child link" anchor tag should have padding-left value that indents it to the right. (i.e.
padding-left: 2rem
)You can see the issue on https://designsystem.digital.gov/components/sidenav/
Screenshots
Expected results:
Results after #3838:
System setup
Possible solution
In the
nav-sublist
mixin, change thea { ... }
selectors, for the multiple levels, to bea:not(.usa-button) { ... }
The text was updated successfully, but these errors were encountered: