Merge pull request #5548 from nebulab/rainerd/admin/improve-filter-to…

…olbar-responsiveness [Admin] Enhancements to filter toolbar and dropdown visibility
solidusio · Dec 13, 2023 · db83d52 · db83d52
2 parents a0f70db + aebb511
commit db83d52
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/admin/app/components/solidus_admin/ui/table/component.html.erb b/admin/app/components/solidus_admin/ui/table/component.html.erb
@@ -51,7 +51,7 @@
       <% end %>
 
       <% if @search.filters.any? %>
-        <%= render component("ui/table/toolbar").new("data-#{stimulus_id}-target": "filterToolbar", hidden: initial_mode != "search") do %>
+        <%= render component("ui/table/toolbar").new("data-#{stimulus_id}-target": "filterToolbar", hidden: initial_mode != "search", class: "flex-wrap") do %>
           <% @search.filters.each_with_index do |filter, index| %>
             <%= render_ransack_filter_dropdown(filter, index) %>
           <% end %>

diff --git a/admin/app/components/solidus_admin/ui/table/ransack_filter/component.html.erb b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.html.erb
@@ -24,6 +24,7 @@
       rounded-md shadow-lg
       bg-white
       ring-1 ring-black ring-opacity-5
+      z-10
     ">
       <div class="relative">
         <% if @selections.size > 6 %>

diff --git a/admin/app/components/solidus_admin/ui/table/toolbar/component.rb b/admin/app/components/solidus_admin/ui/table/toolbar/component.rb
@@ -10,7 +10,7 @@ def call
       content,
       **@options,
       class: "
-        h-14 p-2 bg-white border-b border-gray-100
+        min-h-14 p-2 bg-white border-b border-gray-100
         justify-start items-center gap-2
         visible:flex hidden:hidden
         rounded-t-lg