[UI] Fix SideNav too tall when collapsed (kubeflow#3239)

Jeffwan · Dec 9, 2020 · 72728c3 · 72728c3
1 parent db6419d
commit 72728c3
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/frontend/src/components/SideNav.tsx b/frontend/src/components/SideNav.tsx
@@ -136,11 +136,15 @@ export const css = stylesheet({
     opacity: 0,
     transition: 'opacity 0s',
     transitionDelay: '0s',
+    // guarantees info doesn't affect layout when hidden
+    overflow: 'hidden',
+    height: 0,
   },
   infoVisible: {
     opacity: 'initial',
     transition: 'opacity 0.2s',
     transitionDelay: '0.3s',
+    overflow: 'hidden',
   },
   label: {
     fontSize: fontsize.base,