archive/BookStackApp_BookStack
0
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-04-27 05:30:41 +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;
position: absolute;
box-shadow: $bs-hover;
margin-top: -$-xs;
margin-top: $-m;
padding: $-xs 0;
&.show {
display: block;
}
}
header .links a, header .dropdown-container ul li a, header .dropdown-container ul li button {
text-align: start;
display: block;
padding: $-s $-m;
display: grid;
align-items: center;
padding: 8px $-m;
gap: $-m;
color: $text-dark;
grid-template-columns: 16px auto;
line-height: 1.4;
@include lightDark(color, $text-dark, #eee);
svg {
margin-inline-end: $-s;
width: 16px;
}
&:hover {
@include lightDark(background-color, #eee, #333);
@include lightDark(color, #000, #fff);
background-color: var(--color-primary-light);
color: var(--color-primary);
text-decoration: none;
}
&:focus {