Update main.css

Fix sizing issues of main window by making heights dynamic
amanharwara · Mar 20, 2019 · 8ad91b4 · 8ad91b4
1 parent 8f42e70
commit 8ad91b4
Showing 1 changed file with 32 additions and 4 deletions.
diff --git a/src/windows/main/css/main.css b/src/windows/main/css/main.css
@@ -4,23 +4,51 @@ html {
     padding: 0;
 }
 
+:root {
+    --main-height: 90vh;
+}
+
 body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
 }
 
 .main,
 .container-after-titlebar {
     overflow: hidden !important;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
 }
 
-.ui.tab.segment,
-.no-tabs {
-    height: 90vh !important;
+.tab-contents {
+    flex-grow: 1;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+.tab-contents div {
+    flex-grow: 1;
     padding: 0;
 }
 
+.ui.tab.segment {
+    padding: 0;
+    flex-grow: 1;
+    margin: 0 !important;
+    border: 0 !important;
+}
+
+.ui.tab.segment.active {
+    display: flex;
+    flex-direction: column;
+}
+
 .ui.tab.segment>* {
-    height: inherit;
+    flex-grow: 1;
 }
 
 .ui.top.attached.tabular.menu {