1
0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-08-07 23:03:00 +03:00

Improved input size consistency

Specifically updates dropdown search and user-search implementation,
although does affect all inputs.
Decouples breadcrum and select-style dropdown search toggles.

Addresses #2678
This commit is contained in:
Dan Brown
2022-05-14 16:05:29 +01:00
parent 9fda0df798
commit d20c74babf
9 changed files with 99 additions and 67 deletions

View File

@@ -86,6 +86,8 @@ header .search-box {
border-radius: 40px;
color: #EEE;
z-index: 2;
height: auto;
padding: $-xs*1.5;
padding-inline-start: 40px;
&:focus {
outline: none;
@@ -279,29 +281,6 @@ header .search-box {
}
}
.dropdown-search {
position: relative;
.dropdown-search-toggle {
padding: $-xs;
border: 1px solid transparent;
border-radius: 4px;
&:hover {
border-color: #DDD;
}
}
.svg-icon {
margin-inline-end: 0;
}
}
.dropdown-search-toggle.compact {
padding: $-xxs $-xs;
.avatar {
height: 22px;
width: 22px;
}
}
.faded {
a, button, span, span > div {
color: #666;