From 975e75a09ae054f8d64a5e5fcae8a31a541f7bf7 Mon Sep 17 00:00:00 2001
From: Elsio Sanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Tue, 27 Apr 2021 16:49:51 -0400
Subject: [PATCH] style context menu (#786)

* scroll in context menu

* Change Style

Co-authored-by: elsiosanchez <elsiosanche@gmail.com>
---
 .../ContextMenu/contextMenuDesktop.vue        | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue b/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
index b8bb9bc2..4495752e 100644
--- a/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
+++ b/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
@@ -122,7 +122,7 @@
         </el-scrollbar>
       </el-dropdown-menu>
     </el-dropdown>
-    <el-dropdown size="mini" @command="clickRelation">
+    <el-dropdown size="mini" trigger="click" @command="clickRelation">
       <el-button type="success" plain>
         {{ $t('components.contextMenuRelations') }}<i class="el-icon-arrow-down el-icon--right" />
       </el-button>
@@ -155,7 +155,7 @@
         </el-scrollbar>
       </el-dropdown-menu>
     </el-dropdown>
-    <el-dropdown size="mini" @command="clickReferences">
+    <el-dropdown size="mini" trigger="click" @command="clickReferences">
       <el-button type="warning" plain :disabled="!(isReferecesContent && isLoadedReferences)">
         {{ $t('components.contextMenuReferences') }}<i class="el-icon-arrow-down el-icon--right" />
       </el-button>
@@ -351,6 +351,21 @@ export default {
     border-bottom-color: #b3d8ff;
     border-left-color: #000000 !important;
   }
+  .el-dropdown .el-button-group:hover {
+    background: #1890ff;
+    border-color: #1890ff;
+    color: #FFFFFF;
+  }
+  .el-button-group:hover {
+    background: #1890ff;
+    border-color: #1890ff;
+    color: #FFFFFF;
+  }
+  .el-button-group .el-button--primary:hover {
+    background: #1890ff;
+    border-color: #1890ff;
+    color: #FFFFFF;
+  }
 </style>
 
 <style scoped>