Refactoring styles for units

adrianromero · Mar 16, 2018 · bb1992d · bb1992d
1 parent 61fb197
commit bb1992d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 24 deletions.
diff --git a/src/main/resources/com/adr/helloiot/styles/main-dark.css b/src/main/resources/com/adr/helloiot/styles/main-dark.css
@@ -1,6 +1,6 @@
 /*
     HelloIoT is a dashboard creator for MQTT
-    Copyright (C) 2017 Adrián Romero Corchado.
+    Copyright (C) 2017-2018 Adrián Romero Corchado.
 
     This file is part of HelloIot.
 
@@ -116,9 +116,9 @@
 }
 
 .unitbase {
-    -fx-background-radius: 6,5;
-    -fx-background-insets: 0, 1;
-    -fx-background-color: -fx-border-unit, -fx-background-unit;      
+    -fx-background-radius: 0, 6, 5;
+    -fx-background-insets: 0, 3, 4;
+    -fx-background-color: transparent, -fx-border-unit, -fx-background-unit;        
     -fx-effect: dropshadow(one-pass-box, derive(-fx-border-unit, -20%), 4, 0, 0, 0);
 }
 
@@ -127,8 +127,7 @@
     -fx-font-size: 16px;
     -fx-text-fill: -fx-info-fill;
     -fx-background-insets: 0, 0 5 4 5, 0 5 5 5;
-    -fx-background-color:  -fx-background-container, -fx-separator-fill, -fx-background-container;    
-    -fx-padding: 10px 10px 5px 10px;      
+    -fx-background-color:  -fx-background-container, -fx-separator-fill, -fx-background-container;     
 }
 
 .fieldlabel {

diff --git a/src/main/resources/com/adr/helloiot/styles/main.css b/src/main/resources/com/adr/helloiot/styles/main.css
@@ -1,6 +1,6 @@
 /*
     HelloIoT is a dashboard creator for MQTT
-    Copyright (C) 2017 Adrián Romero Corchado.
+    Copyright (C) 2017-2018 Adrián Romero Corchado.
 
     This file is part of HelloIot.
 
@@ -98,20 +98,18 @@
 }
 
 .unitbase {
-    -fx-background-radius: 6, 5;
-    -fx-background-insets: 0, 1;
-    -fx-background-color:  -fx-border-unit, -fx-background-unit;        
+    -fx-background-radius: 0, 6, 5;
+    -fx-background-insets: 0, 3, 4;
+    -fx-background-color: transparent, -fx-border-unit, -fx-background-unit;        
     -fx-effect: dropshadow(one-pass-box, derive(-fx-border-unit, 20%), 4, 0, 0, 0);
-
 }
 
 .labelsection {
     -fx-font-family: 'ROBOTO BOLD';
     -fx-font-size: 16px;
     -fx-text-fill: -fx-info-fill;
     -fx-background-insets: 0, 0 5 4 0, 0 5 5 0;
-    -fx-background-color: -fx-background-container, -fx-separator-fill, -fx-background-container;    
-    -fx-padding: 10px 10px 5px 10px;      
+    -fx-background-color: -fx-background-container, -fx-separator-fill, -fx-background-container;           
 }
 
 .fieldlabel {

diff --git a/src/main/resources/com/adr/helloiot/styles/root.css b/src/main/resources/com/adr/helloiot/styles/root.css
@@ -1,6 +1,6 @@
 /*
     HelloIoT is a dashboard creator for MQTT
-    Copyright (C) 2017 Adrián Romero Corchado.
+    Copyright (C) 2017-2018 Adrián Romero Corchado.
 
     This file is part of HelloIot.
 
@@ -37,16 +37,17 @@
 }
 
 .gridcontainer {
-    -fx-spacing: 6px;
-    -fx-padding: 6px;   
+    -fx-padding: 3px;   
 }
-.linecontainer {
-    -fx-spacing: 6px;
-    -fx-vgap: 6px;
-    -fx-hgap: 6px
+
+.labelsection {
+    -fx-font-weight: bold;
+    -fx-background-insets: 0, 0 5 4 0, 0 5 5 0;
+    -fx-background-color:  -fx-background, -fx-separator-fill, -fx-background;      
+    -fx-padding: 10px 10px 5px 10px;    
 }
 
-.labelsection, .formsection {
+.formsection {
     -fx-font-weight: bold;
     -fx-background-insets: 0, 0 5 1 0, 0 5 2 0;
     -fx-background-color:  -fx-background, -fx-separator-fill, -fx-background;      
@@ -65,9 +66,9 @@
 }
 
 .unitbase {
-    -fx-background-insets: 0, 1;
-    -fx-background-color: derive(-fx-box-border, 25%), -fx-background;      
-    -fx-padding: 4px 6px 4px 6px;
+    -fx-background-insets: 0, 3, 4;
+    -fx-background-color: transparent, derive(-fx-box-border, 25%), -fx-background;      
+    -fx-padding: 7px 9px 7px 9px;
     -fx-value-color:  -fx-text-base-color;    
 }
 .noneditable {