mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-26 12:16:07 +00:00
Aligned collapsed header dropdown item styles
Previously the desktop-visible items would style different when collapsed into the expanded dropdown menu, compared to existing items.
This commit is contained in:
parent
4866a3a198
commit
cb1c2db282
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user