mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-26 20:22:18 +00:00
Updated breadcrumb dropdown styles, improved keyboard nav
- Removed harsh theme color border between search and content. - Prevented intermediate focus on list container to align arrow & tab behaviour, and to get to content quicker.
This commit is contained in:
parent
e6864a9cff
commit
2c74dfd1d4
@ -101,7 +101,7 @@ class DropDown {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getFocusable() {
|
getFocusable() {
|
||||||
return Array.from(this.menu.querySelectorAll('[tabindex],[href],button,input:not([type=hidden])'));
|
return Array.from(this.menu.querySelectorAll('[tabindex]:not([tabindex="-1"]),[href],button,input:not([type=hidden])'));
|
||||||
}
|
}
|
||||||
|
|
||||||
focusNext() {
|
focusNext() {
|
||||||
|
@ -767,12 +767,15 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
input {
|
input, input:focus {
|
||||||
padding-inline-start: $-xl;
|
padding-inline-start: $-xl;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-bottom: 1px solid #DDD;
|
border-bottom: 1px solid #DDD;
|
||||||
}
|
}
|
||||||
|
input:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include smaller-than($m) {
|
@include smaller-than($m) {
|
||||||
|
@ -18,6 +18,6 @@
|
|||||||
<div refs="dropdown-search@loading">
|
<div refs="dropdown-search@loading">
|
||||||
@include('common.loading-icon')
|
@include('common.loading-icon')
|
||||||
</div>
|
</div>
|
||||||
<div refs="dropdown-search@listContainer" class="dropdown-search-list px-m"></div>
|
<div refs="dropdown-search@listContainer" class="dropdown-search-list px-m" tabindex="-1"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
Loading…
Reference in New Issue
Block a user