Merge pull request smeup#2090 from smeup/fix/data-table/overflow

fix / fixed table overflow
apuliasoft · Oct 1, 2024 · 1a80e33 · 1a80e33
2 parents c86bf57 + c9b4bbd
commit 1a80e33
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/packages/ketchup/src/components/kup-data-table/kup-data-table.tsx b/packages/ketchup/src/components/kup-data-table/kup-data-table.tsx
@@ -5980,8 +5980,7 @@ export class KupDataTable {
                 this.tableHeight === undefined &&
                 this.tableWidth === undefined,
 
-            'custom-size':
-                this.tableHeight !== undefined || this.tableWidth !== undefined,
+            'custom-size': !!this.tableHeight || !!this.tableWidth,
 
             'border-top': !this.showHeader,
         };
@@ -5991,14 +5990,15 @@ export class KupDataTable {
         tableClass[`density-${this.density}`] = true;
         tableClass[`fontsize-${this.fontsize}`] = true;
 
-        if (this.tableHeight && this.tableHeight !== '100%') {
+        if (this.tableHeight) {
             elStyle = {
+                ...elStyle,
                 height: this.tableHeight,
                 overflow: 'auto',
             };
         }
 
-        if (this.tableWidth && this.tableWidth !== '100%') {
+        if (this.tableWidth) {
             elStyle = {
                 ...elStyle,
                 width: this.tableWidth,
@@ -6033,7 +6033,7 @@ export class KupDataTable {
         }
 
         let belowClass = 'below-wrapper';
-        if (this.tableHeight !== undefined || this.tableWidth !== undefined) {
+        if (!!this.tableHeight || !!this.tableWidth) {
             belowClass += ' custom-size';
         }
 

diff --git a/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-main.scss b/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-main.scss
@@ -651,12 +651,6 @@ th.obj:hover span:not(.overlay-action) {
   }
 }
 
-@media (max-width: 500px) {
-  .actions-wrapper {
-    flex-direction: column-reverse;
-  }
-}
-
 :host([legacy-look]) {
   th .header-cell__content {
     font-family: var(--kup_datatable_font_family_monospace);