testing mouse buttons for touch interface

1 files changed, 18 insertions, 8 deletions

diff --git a/kvmd/web/css/main.css b/kvmd/web/css/main.css
index d8477ed5..8290ef42 100644
--- a/kvmd/web/css/main.css
+++ b/kvmd/web/css/main.css
@@ -14,8 +14,10 @@ a {
 	text-decoration: underline dotted;
 	color: var(--fg-color-normal);
 }
-a:hover {
-	text-decoration: underline;
+@media (hover: hover) {
+	a:hover {
+		text-decoration: underline;
+	}
 }
 
 hr {
@@ -35,17 +37,25 @@ button, select {
 	outline: none;
 	cursor: pointer;
 }
-button:enabled:hover, select:enabled:hover {
-	color: var(--fg-color-intensive);
-	background-color: var(--bg-color-dark) !important;
+@media (hover: hover) {
+	button:enabled:hover, select:enabled:hover {
+		color: var(--fg-color-intensive);
+		background-color: var(--bg-color-dark) !important;
+	}
+	button:active, select:active {
+		color: var(--fg-color-selected) !important;
+	}
+}
+@media (hover: none) {
+	button:active, select:active {
+		color: var(--fg-color-intensive);
+		background-color: var(--bg-color-dark);
+	}
 }
 button:disabled, select:disabled {
 	color: var(--fg-color-inactive);
 	cursor: default;
 }
-button:active, select:active {
-	color: var(--fg-color-selected) !important;
-}
 
 select {
 	-webkit-appearance: button;