From 5a5127a382b9c905ac3cb26a3ed30eff1d3d9f09 Mon Sep 17 00:00:00 2001
From: Shubham Vishwakarma <shubhamvishwakarma0604@gmail.com>
Date: Thu, 19 Dec 2024 15:32:53 +0530
Subject: [PATCH] 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 <paul.ionut.bob@gmail.com>
Co-authored-by: Paul Bob <69730720+Paul-Bob@users.noreply.github.com>
---
 app/components/avo/index/resource_table_component.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/avo/index/resource_table_component.html.erb b/app/components/avo/index/resource_table_component.html.erb
index ff97ebfe8f..dae15b3210 100644
--- 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 %>