From b5798c23de9abf170f22d5074df921b5ce49e288 Mon Sep 17 00:00:00 2001
From: sirine <sirineweslati123@gmail.com>
Date: Tue, 7 Oct 2025 20:19:14 +0200
Subject: [PATCH] Fix dropdown overflow: action menu fully visible without
 scrolling

---
 .../location-list/location-list.component.html     |  2 +-
 .../location-list/location-list.component.scss     | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/Tn-manager/src/app/modules/location-management/components/location-list/location-list.component.html b/Tn-manager/src/app/modules/location-management/components/location-list/location-list.component.html
index aea67fe84..291617b3f 100644
--- a/Tn-manager/src/app/modules/location-management/components/location-list/location-list.component.html
+++ b/Tn-manager/src/app/modules/location-management/components/location-list/location-list.component.html
@@ -414,7 +414,7 @@ <h6 class="mb-0">{{ location.name }}</h6>
                             </small>
                           </td>
                           <td>
-                            <div class="dropdown">
+                            <div class="dropdown action-menu">
                               <button class="btn btn-sm btn-outline-secondary dropdown-toggle" 
                                       type="button" 
                                       (click)="toggleRowDropdown(location.id); $event.stopPropagation()"
diff --git a/Tn-manager/src/app/modules/location-management/components/location-list/location-list.component.scss b/Tn-manager/src/app/modules/location-management/components/location-list/location-list.component.scss
index 4df5b9c14..e294e1a18 100644
--- a/Tn-manager/src/app/modules/location-management/components/location-list/location-list.component.scss
+++ b/Tn-manager/src/app/modules/location-management/components/location-list/location-list.component.scss
@@ -584,4 +584,16 @@
     border-color: rgba(85, 110, 230, 0.3);
     color: #e9ecef;
   }
-} 
\ No newline at end of file
+} 
+::ng-deep .action-menu .dropdown-menu {
+   position: absolute !important; 
+   min-width: 220px !important; 
+   white-space: nowrap !important;
+    z-index: 2000 !important; 
+    top: auto !important; 
+    bottom: 100% !important;
+   } 
+::ng-deep .table-responsive 
+{ 
+  overflow: visible !important;
+ }
\ No newline at end of file