From c38be08905a1b37138877db8a488c0deae47f50b Mon Sep 17 00:00:00 2001 From: Seil0 Date: Wed, 19 Jun 2019 16:00:37 +0200 Subject: [PATCH] some css style improvements --- src/main/resources/css/MainWindow.css | 23 +++++++++++++++++------ 1 file changed, 17 insertions(+), 6 deletions(-) diff --git a/src/main/resources/css/MainWindow.css b/src/main/resources/css/MainWindow.css index 450ce25..3a799cc 100644 --- a/src/main/resources/css/MainWindow.css +++ b/src/main/resources/css/MainWindow.css @@ -120,16 +120,19 @@ * ScrollBar * * * ******************************************************************************/ + .scroll-bar:vertical, .scroll-bar:horizontal { + -fx-background-color: transparent; + } .scroll-bar:vertical > .track-background, .scroll-bar:horizontal > .track-background { - -fx-background-color: #F1F1F1; + -fx-background-color: transparent; -fx-background-insets: 0.0; } .scroll-bar:vertical > .thumb, .scroll-bar:horizontal > .thumb { - -fx-background-color: #BCBCBC; + -fx-background-color: #FFFFFF; -fx-background-insets: 0.0; - -fx-background-radius: 1.0; + -fx-background-radius: 15.0; } /* Up- and Down-Button Padding */ @@ -139,7 +142,8 @@ /* Left- and Right-Button Padding */ .scroll-bar:horizontal > .increment-button, .scroll-bar:horizontal > .decrement-button { - -fx-padding: 2 5 2 5; + -fx-background-color: transparent; + -fx-padding: 5 2 5 2; } .scroll-bar > .increment-button, .scroll-bar > .decrement-button, .scroll-bar:hover > .increment-button, .scroll-bar:hover > .decrement-button { @@ -162,12 +166,18 @@ /* Right Arrow */ .scroll-bar:horizontal > .increment-button > .increment-arrow { - -fx-shape: "M0 428l0 -428l214 214l-214 214z"; + /* -fx-shape: "M0 428l0 -428l214 214l-214 214z"; */ + -fx-background-color:transparent; + -fx-shape: " "; + -fx-padding: 0; } /* Left Arrow */ .scroll-bar:horizontal > .decrement-button > .decrement-arrow { - -fx-shape: "M214 0l0 428l-214 -214l214 -214z"; + /* -fx-shape: "M214 0l0 428l-214 -214l214 -214z"; */ + -fx-background-color:transparent; + -fx-shape: " "; + -fx-padding: 0; } /******************************************************************************* @@ -192,3 +202,4 @@ .scroll-pane > .viewport { -fx-background-color: transparent; } +