changeset 2321:f57ce4f7f154

Modena: made scroll-bars scale with font size
author "Jasper Potts"
date Fri, 18 Jan 2013 10:58:57 -0800
parents a9395da3a236
children 18bb34950eab
files apps/experiments/Modena/src/modena/Modena.css
diffstat 1 files changed, 9 insertions(+), 9 deletions(-) [+]
line wrap: on
line diff
--- a/apps/experiments/Modena/src/modena/Modena.css	Fri Jan 18 10:43:50 2013 -0800
+++ b/apps/experiments/Modena/src/modena/Modena.css	Fri Jan 18 10:58:57 2013 -0800
@@ -844,7 +844,7 @@
 .scroll-bar > .thumb {
     -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color; 
     -fx-background-insets: 1, 2, 3;
-    -fx-background-radius: 5, 4, 3;
+    -fx-background-radius: 0.416667em, 0.333333em, 0.25em; /* 5, 4,3 */
 }
 .scroll-bar:vertical > .thumb {
     -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color-to-right; 
@@ -854,7 +854,7 @@
     -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color; 
     -fx-background-insets: 0, 1, 2;
     -fx-color: transparent;
-    -fx-padding: 3px;
+    -fx-padding: 0.25em; /* 3px */
 }
 .scroll-bar > .increment-button > .increment-arrow,
 .scroll-bar > .decrement-button > .decrement-arrow {
@@ -869,19 +869,19 @@
     -fx-background-color: derive(-fx-base,-45%);
 }
 .scroll-bar:horizontal > .increment-button > .increment-arrow {
-    -fx-padding: 7 5 0 0;
+    -fx-padding: 0.583333em 0.416667em 0 0; /* 7 5 0 0 */
     -fx-shape: "M0.315,1.457l1.414-1.414L5.686,4L1.729,7.957L0.315,6.543L2.857,4L0.315,1.457z";
 }
 .scroll-bar:vertical > .increment-button > .increment-arrow {
-    -fx-padding: 5 7 0 0 ;
+    -fx-padding: 0.416667em 0.583333em 0 0 ; /* 5 7 0 0 */
     -fx-shape: "M6.543,0.315l1.414,1.414L4,5.686L0.043,1.729l1.414-1.414L4,2.858L6.543,0.315z";
 }
 .scroll-bar:horizontal > .decrement-button > .decrement-arrow {
-    -fx-padding: 7 5 0 0;
+    -fx-padding: 0.583333em 0.416667em 0 0; /* 7 5 0 0 */
     -fx-shape: "M5.686,6.543L4.271,7.957L0.314,4l3.957-3.957l1.414,1.414L3.143,4L5.686,6.543z";
 }
 .scroll-bar:vertical > .decrement-button > .decrement-arrow {
-    -fx-padding: 5 7 0 0;
+    -fx-padding: 0.416667em 0.583333em 0 0; /* 5 7 0 0 */
     -fx-shape: "M1.457,5.563L0.042,4.149L4,0.193l3.957,3.957L6.543,5.563L4,3.021L1.457,5.563z";
 }
 
@@ -897,11 +897,11 @@
 }
 .scroll-pane > .scroll-bar:horizontal > .increment-button, 
 .scroll-pane > .scroll-bar:horizontal > .decrement-button {
-    -fx-padding: 3 3 2 3;
+    -fx-padding: 0.25em 0.25em 0.166667em 0.25em; /* 3 3 2 3 */
 }
 .scroll-pane > .scroll-bar:vertical > .increment-button, 
 .scroll-pane > .scroll-bar:vertical > .decrement-button {
-    -fx-padding: 3 2 3 3;
+    -fx-padding: 0.25em 0.166667em 0.25em 0.25em; /* 3 2 3 3 */
 }
 .scroll-pane > .scroll-bar:vertical {
     -fx-background-insets: 1 1 1 0;
@@ -927,7 +927,7 @@
 .scroll-pane.edge-to-edge > .scroll-bar > .decrement-button,
 .tab-pane > * > .scroll-pane > .scroll-bar > .increment-button, 
 .tab-pane > * > .scroll-pane > .scroll-bar > .decrement-button {
-    -fx-padding: 3px;
+    -fx-padding: 0.25em; /* 3px */
 }
 
 /*******************************************************************************