ab-ui-library 1.1.15 → 1.1.16

package/assets/styles/styles.css

@@ -2983,58 +2983,64 @@ body {
 }
 
 .advanced-table {
-  --ds-table-th-height:60px;
-  --ds-table-td-height:60px;
+  --ds-table-th-height:var(--ds-size-56);
+  --ds-table-td-height:var(--ds-size-56);
   --ds-table-th-padding:var(--ds-space-8) var(--ds-space-16);
   --ds-table-td-padding:var(--ds-space-8) var(--ds-space-16);
   --ds-table-th-border-color:var(--ds-color-border-quintary);
   --ds-table-td-border-color:var(--ds-color-border-quintary);
   --ds-table-td-bg-hover:var(--grey-40);
   --ds-table-td-bg-selected:var(--grey-40);
+  -webkit-box-direction: normal;
+  -webkit-box-orient: vertical;
+  -moz-box-direction: normal;
+  -moz-box-orient: vertical;
   border-radius: var(--ds-border-radius-2xl);
-  max-height: 100%;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  height: 100%;
   position: relative;
 }
 
 .advanced-table__header {
+  border-bottom: 1px solid var(--ds-color-border-quintary);
+  border-top-left-radius: var(--ds-border-radius-2xl);
+  border-top-right-radius: var(--ds-border-radius-2xl);
+  height: var(--ds-size-72);
+  z-index: 3;
+}
+
+.advanced-table__footer, .advanced-table__header {
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
-  border-bottom: 1px solid var(--ds-color-border-quintary);
-  border-top-left-radius: var(--ds-border-radius-2xl);
-  border-top-right-radius: var(--ds-border-radius-2xl);
-  bottom: unset;
+  background-color: var(--ds-color-bg-white);
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
-  height: var(--ds-size-72);
-  top: 0;
-  z-index: 3;
-}
-
-.advanced-table__footer, .advanced-table__header {
-  background-color: var(--ds-color-bg-white);
-  left: unset;
   padding: 0 var(--ds-space-24);
-  position: sticky;
-  right: unset;
 }
 
 .advanced-table__footer {
   border-bottom-left-radius: var(--ds-border-radius-2xl);
   border-bottom-right-radius: var(--ds-border-radius-2xl);
   border-top: 1px solid var(--ds-color-border-quintary);
-  bottom: 0;
-  height: 60px;
-  top: unset;
+  height: var(--ds-size-64);
   z-index: 1;
 }
 
 .advanced-table__inner {
+  height: calc(100% - var(--ds-size-72) - var(--ds-size-64));
   overflow-x: auto;
 }
 
@@ -3152,8 +3158,9 @@ body {
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
+  min-width: auto !important;
   padding: var(--ds-space-0);
-  width: var(--ds-space-0) !important;
+  width: 0 !important;
 }
 
 .advanced-table table tbody tr:hover td {
@@ -3201,6 +3208,7 @@ body {
   height: 100%;
   -webkit-justify-content: space-between;
   justify-content: space-between;
+  width: 100%;
 }
 
 .advanced-table__pagination, .advanced-table__pagination__right {
@@ -3288,7 +3296,7 @@ body {
   display: none;
   gap: var(--ds-space-8);
   left: unset;
-  padding: var(--ds-space-10) var(--ds-space-16);
+  padding: var(--ds-space-2) var(--ds-space-16);
   position: absolute;
   right: 0;
   top: unset;