archive/BookStackApp_BookStack
0
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-05-01 15:09:51 +00:00
Code Issues Projects Releases Wiki Activity

Aligned collapsed header dropdown item styles

Browse source 
Previously the desktop-visible items would style different when collapsed
into the expanded dropdown menu, compared to existing items.
This commit is contained in:
Dan Brown 2022-05-17 14:27:58 +01:00
parent 4866a3a198
commit cb1c2db282
No known key found for this signature in database
GPG key ID: 46D9F943C24A2EF9
1 changed files with 11 additions and 5 deletions

16
resources/sass/_header.scss
View file

@ -194,23 +194,29 @@ header .search-box {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
box-shadow: $bs-hover; box-shadow: $bs-hover;
margin-top: -$-xs; margin-top: $-m;
padding: $-xs 0;
&.show { &.show {
display: block; display: block;
} }
} }
header .links a, header .dropdown-container ul li a, header .dropdown-container ul li button { header .links a, header .dropdown-container ul li a, header .dropdown-container ul li button {
text-align: start; text-align: start;
display: block; display: grid;
padding: $-s $-m; align-items: center;
padding: 8px $-m;
gap: $-m;
color: $text-dark; color: $text-dark;
grid-template-columns: 16px auto;
line-height: 1.4;
@include lightDark(color, $text-dark, #eee); @include lightDark(color, $text-dark, #eee);
svg { svg {
margin-inline-end: $-s; margin-inline-end: $-s;
width: 16px;
} }
&:hover { &:hover {
@include lightDark(background-color, #eee, #333); background-color: var(--color-primary-light);
@include lightDark(color, #000, #fff); color: var(--color-primary);
text-decoration: none; text-decoration: none;
} }
&:focus { &:focus {