feat: stylise help window

AY1920S2-CS2103-T09-1 · Apr 3, 2020 · 210f2e8 · 210f2e8
1 parent caea375
commit 210f2e8
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 28 deletions.
diff --git 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
@@ -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>