From 1089497c086352194d182738894f442a7e8a9654 Mon Sep 17 00:00:00 2001
From: Tobias Hagemann <tobias.hagemann@skymatic.de>
Date: Wed, 4 Sep 2019 15:42:20 +0200
Subject: [PATCH] added context-menu styling (basically the same as the one
 from choice-box)

---
 main/ui/src/main/resources/css/dark_theme.css | 22 ++++++++++++++-----
 .../ui/src/main/resources/css/light_theme.css | 22 ++++++++++++++-----
 .../src/main/resources/fxml/vault_list.fxml   |  3 +--
 3 files changed, 35 insertions(+), 12 deletions(-)

diff --git a/main/ui/src/main/resources/css/dark_theme.css b/main/ui/src/main/resources/css/dark_theme.css
index 657da3469..ec76896d7 100644
--- a/main/ui/src/main/resources/css/dark_theme.css
+++ b/main/ui/src/main/resources/css/dark_theme.css
@@ -617,7 +617,7 @@
 
 /*******************************************************************************
  *                                                                             *
- * Dropdown                                                                    *
+ * ChoiceBox                                                                   *
  *                                                                             *
  ******************************************************************************/
 
@@ -645,17 +645,29 @@
 }
 
 .choice-box .context-menu {
+	-fx-translate-x: -1.4em;
+}
+
+/*******************************************************************************
+ *                                                                             *
+ * ContextMenu                                                                 *
+ *                                                                             *
+ ******************************************************************************/
+
+.context-menu {
 	-fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_NORMAL;
 	-fx-background-insets: 0, 1px;
 	-fx-background-radius: 4px;
 	-fx-padding: 0.2em 0 0.2em 0;
-	-fx-translate-x: -1.4em;
-}
-
-.context-menu {
 	-fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.2), 8, 0, 0, 0);
 }
 
+/*******************************************************************************
+ *                                                                             *
+ * MenuItem                                                                    *
+ *                                                                             *
+ ******************************************************************************/
+
 .menu-item {
 	-fx-padding: 0.2em 0.4em 0.2em 0.4em;
 }
diff --git a/main/ui/src/main/resources/css/light_theme.css b/main/ui/src/main/resources/css/light_theme.css
index 1f76a705c..4766651d0 100644
--- a/main/ui/src/main/resources/css/light_theme.css
+++ b/main/ui/src/main/resources/css/light_theme.css
@@ -617,7 +617,7 @@
 
 /*******************************************************************************
  *                                                                             *
- * Dropdown                                                                    *
+ * ChoiceBox                                                                   *
  *                                                                             *
  ******************************************************************************/
 
@@ -645,17 +645,29 @@
 }
 
 .choice-box .context-menu {
+	-fx-translate-x: -1.4em;
+}
+
+/*******************************************************************************
+ *                                                                             *
+ * ContextMenu                                                                 *
+ *                                                                             *
+ ******************************************************************************/
+
+.context-menu {
 	-fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_NORMAL;
 	-fx-background-insets: 0, 1px;
 	-fx-background-radius: 4px;
 	-fx-padding: 0.2em 0 0.2em 0;
-	-fx-translate-x: -1.4em;
-}
-
-.context-menu {
 	-fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.2), 8, 0, 0, 0);
 }
 
+/*******************************************************************************
+ *                                                                             *
+ * MenuItem                                                                    *
+ *                                                                             *
+ ******************************************************************************/
+
 .menu-item {
 	-fx-padding: 0.2em 0.4em 0.2em 0.4em;
 }
diff --git a/main/ui/src/main/resources/fxml/vault_list.fxml b/main/ui/src/main/resources/fxml/vault_list.fxml
index 96a1e2431..c7a4f4316 100644
--- a/main/ui/src/main/resources/fxml/vault_list.fxml
+++ b/main/ui/src/main/resources/fxml/vault_list.fxml
@@ -18,8 +18,7 @@
 	<StackPane VBox.vgrow="ALWAYS">
 		<ListView fx:id="vaultList" editable="true">
 			<contextMenu>
-				<ContextMenu fx:id="test">
-					<!-- TODO: add style class to contextmenu & its entries -->
+				<ContextMenu>
 					<items>
 						<MenuItem text="%main.vaultlist.contextMenu.add" onAction="#didClickAddVault"/>
 						<MenuItem text="%main.vaultlist.contextMenu.remove" onAction="#didClickRemoveVault" disable="${controller.noVaultSelected}"/>