From 551ca842fed194ef9780a0cfc010f8cb7121036f Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Tue, 1 Nov 2022 14:08:06 +0100
Subject: [PATCH] Apply hover effect to main window buttons

---
 qt/aqt/data/web/css/toolbar.scss | 6 +++---
 sass/buttons.scss                | 7 ++++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/qt/aqt/data/web/css/toolbar.scss b/qt/aqt/data/web/css/toolbar.scss
index 40aca21e3..15bc409e3 100644
--- a/qt/aqt/data/web/css/toolbar.scss
+++ b/qt/aqt/data/web/css/toolbar.scss
@@ -3,7 +3,7 @@
 
 @use "root-vars";
 @use "sass/vars" as *;
-@use "sass/elevation";
+@use "sass/elevation" as *;
 @use "sass/button-mixins" as button;
 
 #header {
@@ -18,9 +18,9 @@
     @include button.base($with-hover: false, $with-active: false);
     overflow: hidden;
     padding: 0;
-    @include elevation.elevation(1, $opacity-boost: -0.08);
+    @include elevation(1, $opacity-boost: -0.08);
     &:hover {
-        @include elevation.elevation(2);
+        @include elevation(2);
         transition: box-shadow 0.2s linear;
     }
 }
diff --git a/sass/buttons.scss b/sass/buttons.scss
index ee0b4c533..85b93eace 100644
--- a/sass/buttons.scss
+++ b/sass/buttons.scss
@@ -25,9 +25,14 @@
 button {
     outline: none !important;
     @include button.base;
-    @include elevation(1);
     border-radius: var(--border-radius-large);
     padding: 8px 10px;
     font-weight: 500;
     margin: 0 4px;
+
+    @include elevation(1, $opacity-boost: -0.08);
+    &:hover {
+        @include elevation(2);
+        transition: box-shadow 0.2s linear;
+    }
 }