From e78af50ba1cd9fc45cec75a3b2b10f751ad8adba Mon Sep 17 00:00:00 2001
From: tobspr <tobias.springer1@googlemail.com>
Date: Wed, 10 Jun 2020 11:38:49 +0200
Subject: [PATCH] Minor css improvements to pinned shapes

---
 src/css/ingame_hud/shop.scss | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/css/ingame_hud/shop.scss b/src/css/ingame_hud/shop.scss
index 4ca01787..9b4dec7d 100644
--- a/src/css/ingame_hud/shop.scss
+++ b/src/css/ingame_hud/shop.scss
@@ -127,23 +127,31 @@
 
                         @include DarkThemeInvert;
 
+                        $disabledOpacity: 0.2;
+                        $enabledOpacity: 0.6;
+
                         &:hover {
-                            opacity: 0.7;
+                            opacity: $enabledOpacity + 0.1;
                         }
 
                         &.alreadyPinned {
-                            opacity: 0.3 !important;
+                            opacity: $disabledOpacity !important;
+
+                            &:hover {
+                                opacity: $disabledOpacity + 0.1 !important;
+                            }
                         }
 
                         &.isGoal {
-                            background: uiResource("icons/current_goal_marker.png") center center / 95% no-repeat;
-                            opacity: 0.3 !important;
+                            background: uiResource("icons/current_goal_marker.png") center center / 95%
+                                no-repeat;
+                            opacity: $disabledOpacity !important;
                             cursor: default;
                             pointer-events: none;
                         }
 
                         &.pinned {
-                            opacity: 0.3;
+                            opacity: $disabledOpacity;
                             @include InlineAnimation(0.3s ease-in-out) {
                                 0% {
                                     opacity: 1;
@@ -159,10 +167,13 @@
                                     transform: scale(1);
                                 }
                             }
+                            &:hover {
+                                opacity: $disabledOpacity + 0.1;
+                            }
                         }
 
                         &.unpinned {
-                            opacity: 0.6;
+                            opacity: $enabledOpacity;
                             @include InlineAnimation(0.3s ease-in-out) {
                                 0% {
                                     opacity: 1;
@@ -178,6 +189,9 @@
                                     transform: scale(1);
                                 }
                             }
+                            &:hover {
+                                opacity: $enabledOpacity + 0.1;
+                            }
                         }
                     }