github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2024-11-22 11:50:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Breadcrumbs: Fixed bad dropdown menu placement at small sizes

Browse Source 
For #4824
This commit is contained in:
Dan Brown 2024-02-20 18:03:32 +00:00
parent c290d01adb
commit bbb41e8b5c
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/sass/_components.scss
View File

@ -906,11 +906,9 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
}
}
@include smaller-than($m) {
@include smaller-than($l) {
.dropdown-search-dropdown {
position: fixed;
right: auto;
left: $-m;
inset-inline: $-m auto;
}
.dropdown-search-dropdown .dropdown-search-list {
max-height: 240px;

4
resources/views/entities/breadcrumb-listing.blade.php
View File

@ -1,7 +1,7 @@
<div class="dropdown-search" components="dropdown dropdown-search"
<div components="dropdown dropdown-search"
option:dropdown-search:url="/search/entity/siblings?entity_type={{$entity->getType()}}&entity_id={{ $entity->id }}"
option:dropdown-search:local-search-selector=".entity-list-item"
>
class="dropdown-search">
<div class="dropdown-search-toggle-breadcrumb" refs="dropdown@toggle"
aria-haspopup="true" aria-expanded="false" tabindex="0">
<div class="separator">@icon('chevron-right')</div>