globuswebcomponents 2.9.2 → 2.10.2

package/dist/collection/components/gb-table/gb-table.css

@@ -2809,13 +2809,14 @@
 } */
 
 
-:host {
-  position: relative;
-}
-
 .table_wrapper {
   width: 100%;
+  box-sizing: border-box;
   overflow: visible;
+  border-radius: var(--rounded-md);
+  border: 0.7px solid var(--color-border-subtler, #e3e8ef);
+  box-shadow: var(--shadow-xs);
+  background: var(--color-background-card, #ffffff);
 }
 
 /* .table_wrapper table th:first-child,
@@ -2824,7 +2825,14 @@
   left: 0;
   background: white;
   z-index: 2;
-} */
+  } */
+
+gb-table-header {
+  position: sticky;
+  top: 0;
+  z-index: 9;
+  background: var(--color-background-card, #ffffff);
+}
 
 .table_scroll {
   width: 100%;
@@ -2832,8 +2840,6 @@
 }
 
 table {
-  /* position: relative; */
-  box-sizing: border-box;
   width: 100%;
   border-collapse: collapse;
   min-width: max-content;
@@ -2991,7 +2997,7 @@ table .table_detail.has_border.sticky_left::after {
 }
 
 /* Overlay */
-.filter_modal_overlay {
+.filter_modal_wrapper {
   position: fixed;
   top: 0;
   right: 0;
@@ -3003,20 +3009,27 @@ table .table_detail.has_border.sticky_left::after {
   backdrop-filter: blur(4px);
   display: flex;
   justify-content: flex-end; /* align modal to right */
-  z-index: 9999;
+  opacity: 0;
+  transition: transform 0.3s ease, opacity 0.3s ease;
+  z-index: 1000;
 }
 
 /* Modal Panel */
 .filter_modal {
-  transform: translateX(100%);
+  /* transform: translateX(100%); */
   transition: transform 0.3s ease-in-out;
   overflow-y: auto;
   position: relative;
 }
 
-/* Slide-in animation */
-.filter_modal_overlay .filter_modal {
+.filter_modal_wrapper.open {
   transform: translateX(0);
+  opacity: 1;
+}
+
+.filter_modal_wrapper.closing {
+  transform: translateX(100%);
+  opacity: 0;
 }
 
 /* Dropdown wrapper styles moved to global/dropdown-portal.css to support portal rendering */
@@ -3206,7 +3219,7 @@ table .table_detail.has_border.sticky_left::after {
 }
 
 /* Loading Styles */
-.loader{
+.loader {
   width: 100%;
 }