UI Fix: Tables become horizontally scrollable after clicking "Select …

…All" (#3537) * UI Fix: Tables become horizontally scrollable after clicking 'Select All' #3509 * fix with padding * alternative approach This approach removes the margin size from the full width --------- Co-authored-by: Paul Bob <[email protected]> Co-authored-by: Paul Bob <[email protected]>
avo-hq · Dec 19, 2024 · 5a5127a · 5a5127a
1 parent d8e7728
commit 5a5127a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app/components/avo/index/resource_table_component.html.erb b/app/components/avo/index/resource_table_component.html.erb
@@ -10,7 +10,7 @@
     data-selected-resources="[]"
   >
     <% if @pagy.pages > 1 %>
-      <div class="absolute z-30 w-full ml-10 pt-px hidden" data-item-select-all-target="selectAllOverlay">
+      <div class="absolute z-30 w-[calc(100%-2.5rem)] ml-10 pt-px hidden" data-item-select-all-target="selectAllOverlay">
         <div class="bg-white flex items-center h-9 mt-0.5">
           <div class="mt-1.5" data-item-select-all-target="unselectedMessage">
             <%= selected_page_label %>