From: Dan Brown <redacted>
Date: Tue, 20 Feb 2024 18:03:32 +0000 (+0000)
Subject: Breadcrumbs: Fixed bad dropdown menu placement at small sizes
X-Git-Tag: v24.02~1^2~8
X-Git-Url: http://source.bookstackapp.com/bookstack/commitdiff_plain/bbb41e8b5cc5c6e33cb27ef1b69092cf7a0f70ba

Breadcrumbs: Fixed bad dropdown menu placement at small sizes

For #4824
---

diff --git a/resources/sass/_components.scss b/resources/sass/_components.scss
index 150f78e12..ae899357c 100644
--- a/resources/sass/_components.scss
+++ b/resources/sass/_components.scss
@@ -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;
diff --git a/resources/views/entities/breadcrumb-listing.blade.php b/resources/views/entities/breadcrumb-listing.blade.php
index 1efe3ba34..4f751a93f 100644
--- a/resources/views/entities/breadcrumb-listing.blade.php
+++ b/resources/views/entities/breadcrumb-listing.blade.php
@@ -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>