fix(TableContentWrapper): use css vertical-align instead of valign

nordnet · Dec 19, 2018 · 3be2d3d · 3be2d3d
1 parent 0cb0937
commit 3be2d3d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/table-content-wrapper/table-head/table-head.jsx b/src/components/table-content-wrapper/table-head/table-head.jsx
@@ -120,7 +120,7 @@ class TableHead extends Component {
                 scope="col"
                 role="columnheader"
                 unstyledChild
-                valign="bottom"
+                className={classes.th}
                 {...col.thProps}
               >
                 <span className={cn({ [classes.screenReadersOnly]: col.hideHeaderLabel })}>

diff --git a/src/components/table-content-wrapper/table-head/table-head.styles.js b/src/components/table-content-wrapper/table-head/table-head.styles.js
@@ -4,6 +4,9 @@ export default ({ typography, palette, mixins }) => ({
       display: 'none',
     },
   },
+  th: {
+    verticalAlign: 'bottom',
+  },
   button: {
     position: 'relative',
     fontFamily: typography.primary.fontFamily,