Merge pull request #94 from imbus/bugfix-SIT145-select-menu-z-index

Fixed that Select2-dropdown in advanced-search won't be over the navigation-menu if expanded

Author: cz-lucas

public/css/dist/filterInputs.css

@@ -151,10 +151,10 @@ When .hide is applied, the filter section is hidden.
 }
 
 .input-group-addon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 11px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 11px;
 }
 
 .filter-option {
@@ -354,6 +354,8 @@ When .hide is applied, the filter section is hidden.
 .select2-container--open {
     width: unset;
     box-sizing: border-box;
+    z-index: 100;
+
 }
 
 .select2-container--default .select2-selection--single,

public/css/dist/filterInputs.min.css

@@ -30,8 +30,8 @@
     "/css/dist/advanced-search.min.css": "/css/dist/advanced-search.min.css?id=846d2d828b410c91df95f08ce79a559e",
     "/css/dist/modal.css": "/css/dist/modal.css?id=045d727d9781c6a4601f8ae42cb9293a",
     "/css/dist/modal.min.css": "/css/dist/modal.min.css?id=045d727d9781c6a4601f8ae42cb9293a",
-    "/css/dist/filterInputs.css": "/css/dist/filterInputs.css?id=77481e21024ee57b4d9f0303209f6bbd",
-    "/css/dist/filterInputs.min.css": "/css/dist/filterInputs.min.css?id=77481e21024ee57b4d9f0303209f6bbd",
+    "/css/dist/filterInputs.css": "/css/dist/filterInputs.css?id=f2ecaf1fde95bef7174082bdd25f39d9",
+    "/css/dist/filterInputs.min.css": "/css/dist/filterInputs.min.css?id=f2ecaf1fde95bef7174082bdd25f39d9",
     "/js/dist/floating-buttons.js": "/js/dist/floating-buttons.js?id=bcf2eb7dff9114ea5a5487b6db001931",
     "/js/dist/floating-buttons.min.js": "/js/dist/floating-buttons.min.js?id=bcf2eb7dff9114ea5a5487b6db001931",
     "/js/dist/apiService.js": "/js/dist/apiService.js?id=4e838fdc8aaf6a0de54c69b1b84f9669",

public/mix-manifest.json

@@ -151,10 +151,10 @@ When .hide is applied, the filter section is hidden.
 }
 
 .input-group-addon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 11px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 11px;
 }
 
 .filter-option {
@@ -354,6 +354,7 @@ When .hide is applied, the filter section is hidden.
 .select2-container--open {
     width: unset;
     box-sizing: border-box;
+    z-index: 100;
 }
 
 .select2-container--default .select2-selection--single,

resources/assets/css/components/advancedSearch/filterInputs.css

@@ -41,6 +41,12 @@
               href="{{ url(mix('css/dist/skins/skin-'.($snipeSettings->skin!='' ? $snipeSettings->skin : 'blue').'.css')) }}">
     @endif
     {{-- page level css --}}
+
+    <style>
+        .treeview-menu {
+            z-index: 10000 !important;
+        }
+    </style>
     @stack('css')