Update themeCustomizer.css

Fix sizing by making height dynamic
amanharwara · Mar 21, 2019 · caedc4f · caedc4f
1 parent 54be52f
commit caedc4f
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/windows/themeCustomizer/css/themeCustomizer.css b/src/windows/themeCustomizer/css/themeCustomizer.css
@@ -7,12 +7,20 @@ html {
 body {
     border: 1px solid #00000033;
     background: #212222 !important;
+    display: flex;
+    flex-direction: column;
 }
 
 body * {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
+.main,
+.container-after-titlebar {
+    display: flex;
+    flex-direction: column;
+}
+
 .ui.segment.basic.inverted {
     background: #212222 !important;
     color: #fafafa !important;
@@ -70,7 +78,7 @@ body * {
 .colorlist {
     overflow-x: hidden;
     overflow-y: scroll;
-    height: 68.1vh;
+    flex-grow: 1;
     margin: 0 !important;
     border-radius: 0 !important;
 }