fix(table): fix tableAlignment for table headers in IE11 (#133)

Closes #122
sbb-design-systems · Aug 21, 2019 · 1e5b950 · 1e5b950
1 parent 038185a
commit 1e5b950
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/projects/sbb-esta/angular-public/src/styles/typography/_table.scss b/projects/sbb-esta/angular-public/src/styles/typography/_table.scss
@@ -106,10 +106,30 @@ $tableCaptionColor: $sbbColorGrey;
 
   &-align-left {
     text-align: left;
+
+    /* th in IE11 won't inherit text-align: we apply it through selector */
+    thead,
+    tbody {
+      > tr {
+        th {
+          text-align: left;
+        }
+      }
+    }
   }
 
   &-align-right {
     text-align: right;
+
+    /* th in IE11 won't inherit text-align: we apply it through selector */
+    thead,
+    tbody {
+      > tr {
+        th {
+          text-align: right;
+        }
+      }
+    }
   }
 }