From f74bca7bb4fc6802143446a44663fbf12319bf29 Mon Sep 17 00:00:00 2001
From: Fabio Di Stasio <fabio286@gmail.com>
Date: Tue, 29 Jun 2021 18:22:40 +0200
Subject: [PATCH] perf: improved contextual menu appearance

---
 src/renderer/components/BaseContextMenu.vue | 9 +++++++--
 src/renderer/scss/main.scss                 | 4 ++++
 src/renderer/scss/themes/dark-theme.scss    | 2 +-
 src/renderer/scss/themes/light-theme.scss   | 2 +-
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/BaseContextMenu.vue b/src/renderer/components/BaseContextMenu.vue
index fb943e96..536a14fd 100644
--- a/src/renderer/components/BaseContextMenu.vue
+++ b/src/renderer/components/BaseContextMenu.vue
@@ -88,7 +88,8 @@ export default {
     z-index: 10;
     padding: 0;
     background: #1d1d1d;
-    border-radius: 0.1rem;
+    border-radius: $border-radius;
+    border: 1px solid $bg-color-light-dark;
     display: flex;
     flex-direction: column;
     position: absolute;
@@ -97,12 +98,16 @@ export default {
     .context-element {
       display: flex;
       align-items: center;
-      padding: 0.1rem 0.3rem;
+      margin: 0.2rem;
+      padding: 0.1rem;
+      border-radius: $border-radius;
       cursor: pointer;
       justify-content: space-between;
       position: relative;
 
       .context-submenu {
+        border-radius: $border-radius;
+        border: 1px solid $bg-color-light-dark;
         opacity: 0;
         visibility: hidden;
         transition: opacity 0.2s;
diff --git a/src/renderer/scss/main.scss b/src/renderer/scss/main.scss
index 4b6dbee5..e7079ff8 100644
--- a/src/renderer/scss/main.scss
+++ b/src/renderer/scss/main.scss
@@ -136,6 +136,10 @@ body {
     display: flex;
     justify-content: center;
 
+    .tab-link {
+      min-width: 0;
+    }
+
     &.active {
       .tab-link {
         border-color: transparent;
diff --git a/src/renderer/scss/themes/dark-theme.scss b/src/renderer/scss/themes/dark-theme.scss
index 5a01623f..f3aa3534 100644
--- a/src/renderer/scss/themes/dark-theme.scss
+++ b/src/renderer/scss/themes/dark-theme.scss
@@ -235,7 +235,7 @@
         }
 
         &:hover {
-          background: $primary-color;
+          background: rgba($light-color, 15%);
         }
       }
     }
diff --git a/src/renderer/scss/themes/light-theme.scss b/src/renderer/scss/themes/light-theme.scss
index bd37dbf7..c36c947e 100644
--- a/src/renderer/scss/themes/light-theme.scss
+++ b/src/renderer/scss/themes/light-theme.scss
@@ -219,7 +219,7 @@
         }
 
         &:hover {
-          background: $primary-color;
+          background: rgba($light-color, 15%);
         }
       }
     }