From 210f2e8efec60c60e792865974c7f4c8062f989d Mon Sep 17 00:00:00 2001
From: Hanming Zhu <hanming@huawen.com>
Date: Fri, 3 Apr 2020 08:04:04 +0800
Subject: [PATCH] feat: stylise help window

---
 src/main/resources/view/Default.css     | 17 +++++++
 src/main/resources/view/HelpWindow.fxml | 63 ++++++++++++++-----------
 2 files changed, 52 insertions(+), 28 deletions(-)

diff --git a/src/main/resources/view/Default.css b/src/main/resources/view/Default.css
index 328b2656837..40c79451c98 100644
--- a/src/main/resources/view/Default.css
+++ b/src/main/resources/view/Default.css
@@ -265,3 +265,20 @@
     -fx-padding: 5 0 5 20;
     -fx-text-fill: #FFFFFF;
 }
+
+/** Help Window **/
+.helpCopyButton {
+    -fx-padding: 5 5 5 5;
+    -fx-border-width: 1 1 1 1;
+    -fx-border-color: #6842E4 #6842E4 #6842E4 #6842E4;
+    -fx-border-radius: 2;
+    -fx-background-radius: 2;
+    -fx-background-color: transparent;
+    -fx-text-fill: #6842E4;
+}
+
+.helpCopyButton:hover {
+    -fx-cursor: hand;
+    -fx-background-color: #6842E4;
+    -fx-text-fill: #FFFFFF;
+}
diff --git a/src/main/resources/view/HelpWindow.fxml b/src/main/resources/view/HelpWindow.fxml
index fa0fb54d9f4..c534476eafb 100644
--- a/src/main/resources/view/HelpWindow.fxml
+++ b/src/main/resources/view/HelpWindow.fxml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import java.net.URL?>
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.Scene?>
 <?import javafx.scene.control.Button?>
@@ -8,32 +9,38 @@
 <?import javafx.scene.layout.HBox?>
 <?import javafx.stage.Stage?>
 
-<fx:root resizable="false" title="Help" type="javafx.stage.Stage" xmlns="http://javafx.com/javafx/11" xmlns:fx="http://javafx.com/fxml/1">
-  <icons>
-    <Image url="@/images/help_icon.png" />
-  </icons>
-  <scene>
-    <Scene>
-         <HBox alignment="CENTER">
-            <children>
-               <Label fx:id="helpMessage" text="Label">
-                  <HBox.margin>
-                     <Insets right="5.0" />
-                  </HBox.margin>
-               </Label>
-               <Button fx:id="copyButton" mnemonicParsing="false" onAction="#copyUrl" text="Copy URL">
-                  <HBox.margin>
-                     <Insets left="5.0" />
-                  </HBox.margin>
-               </Button>
-            </children>
-            <opaqueInsets>
-               <Insets bottom="10.0" left="5.0" right="10.0" top="5.0" />
-            </opaqueInsets>
-            <padding>
-               <Insets bottom="10.0" left="5.0" right="10.0" top="5.0" />
-            </padding>
-         </HBox>
-    </Scene>
-  </scene>
+<fx:root resizable="false" title="Help" type="javafx.stage.Stage" xmlns="http://javafx.com/javafx/11"
+         xmlns:fx="http://javafx.com/fxml/1">
+    <icons>
+        <Image url="@/images/help_icon.png"/>
+    </icons>
+    <scene>
+        <Scene>
+            <stylesheets>
+                <URL value="@Default.css"/>
+                <URL value="@DefaultExtensions.css"/>
+            </stylesheets>
+            <HBox alignment="CENTER" styleClass="app">
+                <children>
+                    <Label fx:id="helpMessage" text="Label">
+                        <HBox.margin>
+                            <Insets right="5.0"/>
+                        </HBox.margin>
+                    </Label>
+                    <Button fx:id="copyButton" mnemonicParsing="false" onAction="#copyUrl" text="Copy URL"
+                            styleClass="helpCopyButton">
+                        <HBox.margin>
+                            <Insets left="5.0"/>
+                        </HBox.margin>
+                    </Button>
+                </children>
+                <opaqueInsets>
+                    <Insets bottom="10.0" left="5.0" right="10.0" top="5.0"/>
+                </opaqueInsets>
+                <padding>
+                    <Insets bottom="10.0" left="5.0" right="10.0" top="5.0"/>
+                </padding>
+            </HBox>
+        </Scene>
+    </scene>
 </fx:root>