UX: move horiz nav margin to padding (#19041)

This commit is contained in:
Kris 2022-11-15 17:05:43 -05:00 committed by GitHub
parent ca72d8d030
commit e071ba5d84
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions

View File

@ -89,10 +89,11 @@
.user-navigation-secondary { .user-navigation-secondary {
--user-navigation__border-width: 2px; --user-navigation__border-width: 2px;
--navigation-secondary-padding-top: 0.5em;
position: relative; position: relative;
display: flex; display: flex;
min-width: 0; min-width: 0;
margin: 0.5em 0; margin: 0;
gap: 0 0.5em; gap: 0 0.5em;
border-bottom: 1px solid var(--primary-low); border-bottom: 1px solid var(--primary-low);
@ -121,6 +122,7 @@
flex: 1 1 auto; flex: 1 1 auto;
font-size: var(--font-down-1); font-size: var(--font-down-1);
justify-content: flex-start; justify-content: flex-start;
padding-top: var(--navigation-secondary-padding-top);
li { li {
flex: 1 0 auto; flex: 1 0 auto;
@ -135,6 +137,10 @@
} }
} }
} }
[class*="horizontal-overflow-nav__scroll"] {
padding-top: var(--navigation-secondary-padding-top);
}
} }
.user-nav-dropdown-button { .user-nav-dropdown-button {