Merge pull request #27 from Kitware/improve-style

fix(CSS): Improve Visualizer component styles
Kitware · Mar 1, 2016 · 7a076ab · 7a076ab
2 parents be3649f + 14c07e0
commit 7a076ab
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 8 deletions.
diff --git a/dist/ParaViewWeb.js b/dist/ParaViewWeb.js
diff --git a/style/ReactProperties/EnumProperty.mcss b/style/ReactProperties/EnumProperty.mcss
@@ -2,7 +2,7 @@
     margin-top: 6px;
     width: 100%;
     height: 28px;
-    border-radius: 1px;
+    border-radius: 5px;
     background-color: white;
     border-width: 1px;
     border-color: lightgray lightgray gray lightgray;

diff --git a/style/ReactWidgets/ColorByWidget.mcss b/style/ReactWidgets/ColorByWidget.mcss
@@ -10,7 +10,8 @@
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 5px;
+    line-height: 2.5em;
+    height: 2.5em;
 }
 
 .advancedView {
@@ -36,6 +37,7 @@
 .advancedViewContent {
   flex: 1;
   max-width: calc(100% - 1.28571em - 4px);
+  height: 6em;
 }
 
 .hidden {
@@ -44,6 +46,13 @@
 
 .input {
   flex: 1;
+
+  height: 28px;
+  border-radius: 5px;
+  background-color: white;
+  border-width: 1px;
+  border-color: lightgray lightgray gray lightgray;
+  border-style: solid;
 }
 
 .scalarBar {

diff --git a/style/ReactWidgets/ProxyEditorWidget.mcss b/style/ReactWidgets/ProxyEditorWidget.mcss
@@ -54,6 +54,7 @@
     padding: 2px 15px;
     flex: 1;
     border: 1px solid #ddd;
+    line-height: normal;
 }
 
 .filter:active, .filter:focus {

diff --git a/style/ReactWidgets/ScalarRangeWidget.mcss b/style/ReactWidgets/ScalarRangeWidget.mcss
@@ -25,9 +25,9 @@
   cursor: pointer;
   composes: fa from 'font-awesome/css/font-awesome.css';
   text-align: center;
-  min-width: 2em;
-  min-height: 2em;
-  line-height: 2em;
+  min-width: 1.5em;
+  min-height: 1.5em;
+  line-height: 1.5em;
   border-radius: 5px;
   background: #ccc;
   border: solid 1px #aaa;