From c6feca5d6a6e08eaaa3645fcd54006a86ffad4e4 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sun, 12 Jan 2025 20:44:22 +0530
Subject: [PATCH] Fix: Disabled hover from working on touch devices Affects
 alpha picker, main media buttons, flat buttons

---
 Theme/ElegantFin-theme-nightly.css | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 75b6579..af5c914 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -678,6 +678,10 @@ progress+span {
 
 .button-flat:hover {
     color: unset;
+}
+
+.button-flat:active {
+    color: unset;
     background-color: rgba(255, 255, 255, 0.2);
 }
 
@@ -956,9 +960,9 @@ progress+span {
     filter: brightness(1.35);
 }
 
-.raised:hover,
-.fab:hover,
-.emby-button:hover {
+.raised:active,
+.fab:active,
+.emby-button:active {
     filter: brightness(1.2) !important;
 }
 
@@ -1151,8 +1155,7 @@ div[data-role=controlgroup] a.ui-btn-active {
     color: rgba(255, 255, 255, 0.25);
 }
 
-.alphaPickerButton-selected,
-.alphaPickerButton:hover {
+.alphaPickerButton-selected{
     color: rgba(255, 255, 255, 1);
 }
 
@@ -1289,6 +1292,20 @@ div[data-role=controlgroup] a.ui-btn-active {
         border-color: var(--checkboxCheckedBgColor);
         border-width: calc(2 * var(--borderWidth));
     }
+
+    .raised:hover,
+    .fab:hover,
+    .emby-button:hover {
+        filter: brightness(1.2) !important;
+    }
+
+    .button-flat:hover {
+        background-color: rgba(255, 255, 255, 0.2);
+    }
+
+    .alphaPickerButton:hover {
+        color: rgba(255, 255, 255, 1);
+    }
 }
 
 .paper-icon-button-light:active:not(:disabled) {