From 54e76817df2614a21469258c6a271fd5b5bb3a90 Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@cendio.se>
Date: Mon, 13 Jan 2025 00:22:20 +0100
Subject: [PATCH] Pointer cursor on buttons & grab on sliders

This makes buttons and slider stand out more.
---
 app/styles/input.css | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/app/styles/input.css b/app/styles/input.css
index bd543b0e..95ae3474 100644
--- a/app/styles/input.css
+++ b/app/styles/input.css
@@ -182,11 +182,18 @@ select {
     font-weight: bold;
     background-color: var(--novnc-buttongrey);
     background-image: var(--button-activation-overlay);
-
+    cursor: pointer;
     /* Disable Chrome's touch tap highlight */
     -webkit-tap-highlight-color: transparent;
 }
-input[type=image]:disabled {
+input[type=button]:disabled,
+input[type=color]:disabled,
+input[type=image]:disabled,
+input[type=reset]:disabled,
+input[type=submit]:disabled,
+input:disabled::file-selector-button,
+button:disabled,
+select:disabled {
     /* See Firefox bug:
        https://bugzilla.mozilla.org/show_bug.cgi?id=1798304 */
     cursor: default;
@@ -332,6 +339,15 @@ input[type=range] {
     padding: 0;
     background: transparent;
 }
+input[type=range]:hover {
+    cursor: grab;
+}
+input[type=range]:active {
+    cursor: grabbing;
+}
+input[type=range]:disabled {
+    cursor: default;
+}
 /* -webkit-slider.. & -moz-range.. cant be in selector lists:
    https://bugs.chromium.org/p/chromium/issues/detail?id=1154623 */
 input[type=range]::-webkit-slider-runnable-track {