globuswebcomponents 2.8.12 → 2.9.0

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

@@ -2785,6 +2785,7 @@
 
 .table_wrapper {
   width: 100%;
+  overflow: visible;
 }
 
 /* .table_wrapper table th:first-child,
@@ -2849,7 +2850,7 @@ thead {
   color: var(--color-text, #4b5565);
 }
 
-.head_text.sortable:hover{
+.head_text.sortable:hover {
   color: var(--color-text-bold, #202939);
 }
 
@@ -2884,6 +2885,12 @@ thead {
   z-index: 3;
 }
 
+.sticky_right {
+  position: sticky;
+  right: 0;
+  z-index: 3;
+}
+
 th.sticky_left,
 th.sticky_right {
   background: var(--color-background-gray-subtler, #eef2f6);
@@ -2894,7 +2901,8 @@ th.sticky_right {
   background: var(--color-background-card, #ffffff);
 }
 
-table.scrollable th.sticky_left::after{
+table th.has_border.sticky_left::after,
+table .table_detail.has_border.sticky_left::after {
   content: '';
   position: absolute;
   top: 0;
@@ -2905,23 +2913,15 @@ table.scrollable th.sticky_left::after{
   pointer-events: none;
 }
 
-/* table.scrollable .table_detail.sticky_left::after,
-table.scrollable .table_detail.sticky_right::after {
+.actions_cell.has_border.sticky_right::after {
   content: '';
   position: absolute;
   top: 0;
-  right: 0;
+  left: 0;
   width: 4px;
   height: 100%;
-  box-shadow: 2px 0 6px var(--color-border-subtle, #cdd5df);
+  box-shadow: -2px 0 2px var(--color-border-subtle, #cdd5df);
   pointer-events: none;
-  background: var(--color-background-card, #ffffff);
-} */
-
-.sticky_right {
-  position: sticky;
-  right: 0;
-  z-index: 1;
 }
 
 .empty_div {
@@ -2933,6 +2933,11 @@ table.scrollable .table_detail.sticky_right::after {
   position: relative;
 }
 
+.action_buttons {
+  display: flex;
+  gap: var(--spacing-2);
+}
+
 .dropdown_wrapper {
   width: 9.5rem;
   border-radius: var(--rounded-sm);
@@ -2940,7 +2945,7 @@ table.scrollable .table_detail.sticky_right::after {
   background: var(--color-surface, #ffffff);
   box-shadow: var(--shadow-md);
   position: absolute;
-  z-index: 1000;
+  /* z-index: 1000; */
 }
 
 /* Mobile Table View Styles */
@@ -2949,24 +2954,38 @@ table.scrollable .table_detail.sticky_right::after {
   flex-direction: column;
 }
 
+.mobile_card_wrapper {
+  display: flex;
+  align-items: flex-start;
+  border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);
+}
+
 .mobile-card {
-  padding: 16px;
-  border-bottom: 1px solid #e5e7eb;
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  width: 100%;
+  box-sizing: border-box;
+  padding: var(--spacing-6) var(--spacing-4);
+  align-items: center;
+  gap: var(--spacing-5);
 }
 
 .mobile-row {
+  width: 100%;
   display: flex;
+  flex-direction: row;
+  align-items: flex-start;
   justify-content: space-between;
+  /* gap: var(--spacing-4); */
+  flex: 1 0 0;
 }
 
-/* .mobile-cell {
-  font-size: 14px;
+.mobile-bottom {
+  align-items: flex-end;
+  text-align: right;
 }
 
-.mobile-top .mobile-cell:first-child {
+/* .mobile-top .mobile-cell:first-child {
   font-weight: 500;
   font-size: 16px;
 }
@@ -2976,15 +2995,43 @@ table.scrollable .table_detail.sticky_right::after {
   font-size: 16px;
 } */
 
-.right {
+.mobile-cell {
+  min-width: 0;
+}
+
+.mobile-cell.right {
+  display: flex;
+  justify-content: flex-end;
+  flex: 1;
   text-align: right;
 }
 
 .top_left_text,
 .top_right_text {
-  color: var(--color-text, #4B5565);
+  max-width: 11rem;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  min-width: 0;
+  margin: 0;
+}
+
+.top_left_text,
+.top_right_text {
+  color: var(--color-text, #4b5565);
 }
 
 .bottom_left_text {
   color: var(--color-text-subtle, #697586);
-}
+}
+
+.empty_state_wrapper {
+  display: flex;
+  padding: 2.5rem 2rem 3rem 2rem;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  align-self: stretch;
+  overflow: hidden;
+}