From 001588bad1f301097ad8c40ecb9bc0cafa049cad Mon Sep 17 00:00:00 2001
From: matt1432 <matt@nelim.org>
Date: Sun, 13 Aug 2023 13:38:32 -0400
Subject: [PATCH] feat(eww): make buttons appear like they are pressed when
 using touchscreen

---
 config/eww/powermenu/powermenu.scss           | 2 +-
 config/eww/quick-settings/quick-settings.scss | 6 +++---
 config/eww/traybuttons/traybuttons.scss       | 7 +------
 3 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/config/eww/powermenu/powermenu.scss b/config/eww/powermenu/powermenu.scss
index 96467894..81142039 100644
--- a/config/eww/powermenu/powermenu.scss
+++ b/config/eww/powermenu/powermenu.scss
@@ -12,7 +12,7 @@
     min-width: 80px;
     transition: all ease .2s;
     &:hover { background-color: $bgSecondary; }
-    &:active { background-color: $bg; }
+    &:active { background-color: $bgSecondary; }
     .content {
       border-radius: 4px;
       padding: 0px 15px 0px 15px;
diff --git a/config/eww/quick-settings/quick-settings.scss b/config/eww/quick-settings/quick-settings.scss
index fd8d0fb5..cdf2ea9c 100644
--- a/config/eww/quick-settings/quick-settings.scss
+++ b/config/eww/quick-settings/quick-settings.scss
@@ -25,7 +25,7 @@
   transition: background-color 0.5s ease-in-out;
 }
 
-.quick-settings-logo:hover {
+.quick-settings-logo:hover, .quick-settings-logo:active {
   background-color: rgba(127, 132, 156, 0.4);
   transition: background-color 0.5s ease-in-out;
 }
@@ -119,7 +119,7 @@
   transition: all 0.5s ease-in-out;
 }
 
-.right-part:hover {
+.right-part:hover, .right-part:active {
   color: $contrastbg;
   border: 2px solid $contrastbg;
   border-top-left-radius: 7px;
@@ -127,7 +127,7 @@
   transition: all 0.5s ease-in-out;
 }
 
-.left-part:hover {
+.left-part:hover, .left-part:active {
   color: $contrastbg;
   border: 2px solid $contrastbg;
   border-top-right-radius: 7px;
diff --git a/config/eww/traybuttons/traybuttons.scss b/config/eww/traybuttons/traybuttons.scss
index 84ef9f48..8a7804bf 100644
--- a/config/eww/traybuttons/traybuttons.scss
+++ b/config/eww/traybuttons/traybuttons.scss
@@ -42,11 +42,6 @@
   transition: background-color 0.5s ease-in-out;
 }
 
-.toggle-off:hover {
-  background-color: rgba(127, 132, 156, 0.4);
-  transition: background-color 0.5s ease-in-out;
-}
-
 .toggle-on {
   background-color: $bg;
   //transition: border-color 0.5s ease-in-out;
@@ -56,7 +51,7 @@
   transition: background-color 0.5s ease-in-out;
 }
 
-.toggle-on:hover {
+.toggle-on:hover, .toggle-off:hover {
   background-color: rgba(127, 132, 156, 0.4);
   transition: background-color 0.5s ease-in-out;
 }