dropdown overflow and left nav z-index fix

chillenberger · chillenberger · commit 0ac4c8ac99f6 · 2023-10-03T09:48:41.000-06:00
diff --git a/pgml-dashboard/src/components/dropdown/template.html b/pgml-dashboard/src/components/dropdown/template.html
@@ -41,7 +41,7 @@
   </div>
   <% } %>
 
-  <ul class="dropdown-menu <%= menu_position %>">
+  <ul class="dropdown-menu overflow-auto <%= menu_position %>">
     <% for item in items { %>
         <%+ item %>
     <% } %>
diff --git a/pgml-dashboard/static/css/scss/components/_navs.scss b/pgml-dashboard/static/css/scss/components/_navs.scss
@@ -177,6 +177,7 @@
     border-right: 1px solid #{$gray-500};
     max-width: $left-nav-w;
     padding-top: 0px;
+    z-index: $zindex-fixed;
 
     @include media-breakpoint-down(lg) {
         display: none;
diff --git a/pgml-dashboard/templates/layout/web_app_base.html b/pgml-dashboard/templates/layout/web_app_base.html
@@ -27,7 +27,7 @@
                     <%- NavbarWebApp::render(left_nav_links, account_management_nav ) %>
 
                     <div class="d-flex">
-                        <div class="leftnav-container py-3 z-1" >
+                        <div class="leftnav-container py-3" >
                             <%- LeftNavWebApp::render( upper_left_nav, lower_left_nav, dropdown_nav ) %>
                         </div>
     
