fix: link heading position for ie11

ccontrols · Nov 14, 2020 · 8e7a950 · 8e7a950
1 parent b8e6700
commit 8e7a950
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/ui/components/src/ThemeContext/theme.ts b/ui/components/src/ThemeContext/theme.ts
@@ -481,6 +481,10 @@ export const theme: ControlsTheme = {
     },
     link: {
       position: 'absolute',
+      margin: 'auto',
+      top: 0,
+      bottom: 0,
+      height: '32px',
       visibility: 'hidden',
       ':hover': {
         visibility: 'visible',
@@ -862,7 +866,7 @@ export const theme: ControlsTheme = {
       overflowX: 'hidden',
       position: 'sticky',
       top: '5rem',
-      maxHeight: '100vh',
+      maxWidth: '300px',
       overflowY: 'auto',
       backgroundColor: 'background',
     },
@@ -1067,24 +1071,23 @@ export const theme: ControlsTheme = {
   },
   appsidebarpage: {
     allsidebar: {
-      display: 'grid',
-      flex: 1,
-      minHeight: '100vh',
-      gridTemplateColumns: ['1fr', '1fr', '300px 1fr 250px'],
+      display: 'flex',
+      flexDirection: "row",
+      flex: '1 0 auto',
       position: 'relative',
     },
     navsidebar: {
-      display: 'grid',
-      flex: 1,
+      display: 'flex',
+      flexDirection: "row",
+      flex: '1 0 auto',
       minHeight: '100vh',
-      gridTemplateColumns: ['1fr', '1fr', '300px 1fr'],
       position: 'relative',
     },
     contextsidebar: {
-      display: 'grid',
-      flex: 1,
+      display: 'flex',
+      flexDirection: "row",
+      flex: '1 0 auto',
       minHeight: '100vh',
-      gridTemplateColumns: ['1fr', '1fr', '1fr 300px'],
       position: 'relative',
     },
   },