jcarr
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Pointer cursor on buttons & grab on sliders 

This makes buttons and slider stand out more.
This commit is contained in:
Samuel Mannehed 2025-01-13 00:22:20 +01:00
parent 7b58cb96bc
commit 54e76817df
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/styles/input.css
View File

@ -182,11 +182,18 @@ select {
font-weight: bold; font-weight: bold;
background-color: var(--novnc-buttongrey); background-color: var(--novnc-buttongrey);
background-image: var(--button-activation-overlay); background-image: var(--button-activation-overlay);
cursor: pointer;
/* Disable Chrome's touch tap highlight */ /* Disable Chrome's touch tap highlight */
-webkit-tap-highlight-color: transparent; -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: /* See Firefox bug:
https://bugzilla.mozilla.org/show_bug.cgi?id=1798304 */ https://bugzilla.mozilla.org/show_bug.cgi?id=1798304 */
cursor: default; cursor: default;
@ -332,6 +339,15 @@ input[type=range] {
padding: 0; padding: 0;
background: transparent; 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: /* -webkit-slider.. & -moz-range.. cant be in selector lists:
https://bugs.chromium.org/p/chromium/issues/detail?id=1154623 */ https://bugs.chromium.org/p/chromium/issues/detail?id=1154623 */
input[type=range]::-webkit-slider-runnable-track { input[type=range]::-webkit-slider-runnable-track {