Fix Table Headers in Safari

athena-logistics · May 26, 2022 · 5cef1e8 · 5cef1e8
1 parent 90abe0d
commit 5cef1e8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/assets/scss/base/_nav.scss b/assets/scss/base/_nav.scss
@@ -2,7 +2,7 @@ body.has_nav {
   padding-top: 7.5rem;
 
   > nav {
-    position: fixed;
+    position: absolute;
     left: 0;
     right: 0;
     top: 0;

diff --git a/assets/scss/pages/overview.scss b/assets/scss/pages/overview.scss
@@ -4,7 +4,6 @@
   border-collapse: collapse;
   min-width: 100%;
   overflow: hidden;
-  position: relative;
   box-sizing: border-box;
 
   tr {
@@ -75,8 +74,6 @@
     th {
       text-align: left;
       font-weight: normal;
-
-      position: sticky;
       top: 0;
       left: 0;
 
@@ -100,10 +97,13 @@
     &:first-child th {
       text-align: left;
       min-width: 2em;
+      vertical-align: bottom;
       > * {
         writing-mode: vertical-rl;
-        transform: rotate(-180deg);
+        // transform: rotate(-180deg);
         min-width: 2em;
+        white-space: nowrap;
+        text-align: left;
       }
     }
   }