archive/BookStackApp_BookStack
0
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-04-30 14:40:03 +00:00
Code Issues Projects Releases Wiki Activity

Breadcrumbs: Fixed bad dropdown menu placement at small sizes

Browse source 
For
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

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 { .dropdown-search-dropdown {
position: fixed; inset-inline: $-m auto;
right: auto;
left: $-m;
} }
.dropdown-search-dropdown .dropdown-search-list { .dropdown-search-dropdown .dropdown-search-list {
max-height: 240px; 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:url="/search/entity/siblings?entity_type={{$entity->getType()}}&entity_id={{ $entity->id }}"
option:dropdown-search:local-search-selector=".entity-list-item" option:dropdown-search:local-search-selector=".entity-list-item"
> class="dropdown-search">
<div class="dropdown-search-toggle-breadcrumb" refs="dropdown@toggle" <div class="dropdown-search-toggle-breadcrumb" refs="dropdown@toggle"
aria-haspopup="true" aria-expanded="false" tabindex="0"> aria-haspopup="true" aria-expanded="false" tabindex="0">
<div class="separator">@icon('chevron-right')</div> <div class="separator">@icon('chevron-right')</div>