From 22b892d6896a5d6a1401a241f67aea4cb750ef26 Mon Sep 17 00:00:00 2001
From: = <jul204040204625@gmail.com>
Date: Wed, 3 Apr 2024 17:41:02 -0400
Subject: [PATCH] only use hover state if hover is available

---
 src/app/(pages)/navigation.module.scss     | 11 +++++------
 src/app/(pages)/players/volume.module.scss |  8 +++++---
 src/app/(pages)/shows/shows.module.scss    | 20 +++++++++++++-------
 3 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/app/(pages)/navigation.module.scss b/src/app/(pages)/navigation.module.scss
index de8843a..b82961a 100644
--- a/src/app/(pages)/navigation.module.scss
+++ b/src/app/(pages)/navigation.module.scss
@@ -90,8 +90,11 @@
 	transition: color 0.15s ease-out;
 }
 
-.collabsible_button:hover {
-	color: var(--text-highlight-color);
+@media (hover: hover) {
+	.collabsible_button:hover {
+		color: var(--text-highlight-color);
+		border-left-color: var(--text-highlight-color);
+	}
 }
 
 .collabsible_button::before {
@@ -113,7 +116,3 @@
 .collabsible_button[data-state='open']::before {
 	rotate: 90deg;
 }
-
-.collabsible_button:hover::before {
-	border-left-color: var(--text-highlight-color);
-}
\ No newline at end of file
diff --git a/src/app/(pages)/players/volume.module.scss b/src/app/(pages)/players/volume.module.scss
index 1be85eb..7227358 100644
--- a/src/app/(pages)/players/volume.module.scss
+++ b/src/app/(pages)/players/volume.module.scss
@@ -122,9 +122,11 @@
 	background: transparent; /* Otherwise white in Chrome */
 }
 
-.slider:hover {
-	--thumb-color: var(--text-highlight-color);
-	--track-color: var(--text-shadow-color);
+@media(hover: hover) {
+	.slider:hover {
+		--thumb-color: var(--text-highlight-color);
+		--track-color: var(--text-shadow-color);
+	}
 }
 
 .slider::-webkit-slider-thumb {
diff --git a/src/app/(pages)/shows/shows.module.scss b/src/app/(pages)/shows/shows.module.scss
index 38d9358..a8c916a 100644
--- a/src/app/(pages)/shows/shows.module.scss
+++ b/src/app/(pages)/shows/shows.module.scss
@@ -73,8 +73,10 @@
 	text-align: center;
 }
 
-.show:hover>h2 {
-	display: none;
+@media(hover: hover) {
+	.show:hover>h2 {
+		display: none;
+	}
 }
 
 .hover_card {
@@ -98,9 +100,11 @@
 	}
 }
 
-.show:hover .hover_card {
-	transform: scale(1) translate(0%, calc(50% - 6rem)) rotateY(0deg) rotateX(0deg) perspective(100px);
-	z-index: 1;
+@media(hover: hover) {
+	.show:hover .hover_card {
+		transform: scale(1) translate(0%, calc(50% - 6rem)) rotateY(0deg) rotateX(0deg) perspective(100px);
+		z-index: 1;
+	}
 }
 
 .day_buttons {
@@ -187,8 +191,10 @@
 	margin: 0;
 }
 
-.show:hover {
-	background-color: var(--bg3-color);
+@media(hover: hover) {
+	.show:hover {
+		background-color: var(--bg3-color);
+	}
 }
 
 .hover_card>h2 {