fix(table): fix condensed styling (#1402)

allianz · Dec 3, 2024 · ccb6e11 · ccb6e11
1 parent 1499c01
commit ccb6e11
Showing 1 changed file with 14 additions and 21 deletions.
diff --git a/projects/ng-aquila/src/table/table.component.scss b/projects/ng-aquila/src/table/table.component.scss
@@ -89,37 +89,37 @@ $sticky-shadow-size: nx-spacer(3xs);
         }
     }
 
-    :host(.nx-table--condensed) & {
-        padding-bottom: $condensed-vertical-padding - $cell-border-width;
-        padding-top: $condensed-vertical-padding;
-    }
-
     :host(.nx-table--zebra) & {
         border-top: $cell-border-width solid v(zebra-table-cell-border-top-color);
     }
 
     :host(.nx-table--zebra) &--expandable {
         border-top: 0;
     }
+}
+
+:host(.nx-table--condensed) {
+    ::ng-deep .nx-header-cell {
+        padding-top: $condensed-vertical-padding;
+        padding-bottom: $condensed-vertical-padding;
+    }
+
+    ::ng-deep .nx-table-cell {
+        padding-bottom: $condensed-vertical-padding - $cell-border-width;
+        padding-top: $condensed-vertical-padding;
+    }
 
-    :host(.nx-table--condensed) &--expandable {
+    ::ng-deep .nx-expandable-table-cell {
         padding-bottom: 0;
         padding-top: 0;
 
-        .nx-table-cell__wrapper {
+        .nx-expandable-table-cell__wrapper {
             padding-bottom: $condensed-vertical-padding - $cell-border-width;
             padding-top: $condensed-vertical-padding;
         }
     }
 }
 
-:host(.nx-table--condensed) {
-    ::ng-deep .nx-header-cell {
-        padding-top: $condensed-vertical-padding;
-        padding-bottom: $condensed-vertical-padding;
-    }
-}
-
 :host ::ng-deep .nx-expandable-table-cell {
     @include type-style(table-cell);
     color: v(table-cell-color);
@@ -149,13 +149,6 @@ $sticky-shadow-size: nx-spacer(3xs);
             padding-left: nx-spacer(2xs);
         }
     }
-
-    :host(.nx-table--condensed) & {
-        .nx-expandable-table-cell__wrapper {
-            padding-bottom: $condensed-vertical-padding - $cell-border-width;
-            padding-top: $condensed-vertical-padding;
-        }
-    }
 }
 
 :host(.nx-table--zebra) ::ng-deep tbody {