From dd0e548353c6bf5f4a3c613eac02e3471b32c0e7 Mon Sep 17 00:00:00 2001
From: Sebastian Stenzel <sebastian.stenzel@gmail.com>
Date: Tue, 23 Jul 2019 17:14:22 +0200
Subject: [PATCH] =?UTF-8?q?sch=C3=B6n=20is=20German=20for=20beautiful=20[c?=
 =?UTF-8?q?i=20skip]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/ui/src/main/resources/css/theme.css         | 12 ++++++++++++
 main/ui/src/main/resources/fxml/main_window.fxml |  3 +--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/main/ui/src/main/resources/css/theme.css b/main/ui/src/main/resources/css/theme.css
index 0c32931be..7a8d6dd90 100644
--- a/main/ui/src/main/resources/css/theme.css
+++ b/main/ui/src/main/resources/css/theme.css
@@ -48,6 +48,18 @@
 	-fx-fill: CONTROL_BG_ARMED;
 }
 
+.main-window .resizer {
+	-fx-background-color: linear-gradient(to bottom right,
+		GRAY_LIGHT_BG 40%,
+		CONTROL_BORDER_NORMAL 50%,
+		GRAY_LIGHT_BG 60%,
+		CONTROL_BORDER_NORMAL 70%,
+		GRAY_LIGHT_BG 80%,
+		CONTROL_BORDER_NORMAL 90%
+	);
+	-fx-cursor: nw_resize;
+}
+
 /*******************************************************************************
  *                                                                             *
  * SplitPane                                                                   *
diff --git a/main/ui/src/main/resources/fxml/main_window.fxml b/main/ui/src/main/resources/fxml/main_window.fxml
index 6fcf80df3..819bccb53 100644
--- a/main/ui/src/main/resources/fxml/main_window.fxml
+++ b/main/ui/src/main/resources/fxml/main_window.fxml
@@ -44,7 +44,6 @@
 			<fx:include source="/fxml/vault_list.fxml" SplitPane.resizableWithParent="false"/>
 			<fx:include source="/fxml/vault_detail.fxml" SplitPane.resizableWithParent="true"/>
 		</SplitPane>
-		<!-- TODO: move style to css file and make this pretty: -->
-		<Region StackPane.alignment="BOTTOM_RIGHT" fx:id="resizer" prefWidth="10" prefHeight="10" maxWidth="-Infinity" maxHeight="-Infinity"  style="-fx-background-color: red; -fx-cursor: nw_resize;"/>
+		<Region styleClass="resizer" StackPane.alignment="BOTTOM_RIGHT" fx:id="resizer" prefWidth="10" prefHeight="10" maxWidth="-Infinity" maxHeight="-Infinity"/>
 	</StackPane>
 </VBox>