GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 09:10:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

web: fixed slider height on firefox

Browse Source
This commit is contained in:
Maxim Devaev 2025-01-30 20:07:33 +02:00
parent 697ef549b9
commit d1a12f1f6a
2 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
web/share/css/slider.css
View File

@ -20,26 +20,23 @@
*****************************************************************************/ *****************************************************************************/
@supports (-webkit-appearance:none) { input[type=range] {
cursor: pointer;
outline: none;
width: 100%;
box-shadow: none;
background: transparent;
}
@supports (-webkit-locale: auto) { /* WebKit only */
input[type=range] { input[type=range] {
cursor: pointer;
outline: none;
width: 100%;
box-shadow: none;
background: transparent;
margin: 8px 0 8px 0; margin: 8px 0 8px 0;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
} }
@supports not (-webkit-appearance:none) { @supports not (-webkit-locale: auto) { /* Firefox */
input[type=range] { input[type=range] {
cursor: pointer; margin: 1px 0 1px 0;
outline: none;
width: 100%;
box-shadow: none;
margin-left: 0;
margin-right: 0;
} }
} }
input[type=range]:disabled { input[type=range]:disabled {
@ -81,8 +78,8 @@ input[type=range]:disabled::-moz-range-track {
input[type=range]::-moz-range-thumb { input[type=range]::-moz-range-thumb {
border: var(--border-intensive-2px); border: var(--border-intensive-2px);
height: 18px; height: 14px;
width: 18px; width: 14px;
border-radius: 25px; border-radius: 25px;
background: var(--cs-thumb-default-bg); background: var(--cs-thumb-default-bg);
} }

2
web/share/css/x-mobile.css
View File

@ -91,7 +91,7 @@ ul#navbar li a.menu-button:hover:not(.active) {
/* ===== slider.css ===== */ /* ===== slider.css ===== */
/*@media only screen and (orientation: portrait) { /*@media only screen and (orientation: portrait) {
@supports (-webkit-appearance: none) { @supports (-webkit-locale: auto) {
input[type=range] { input[type=range] {
margin: 20px 0 20px 0 !important; margin: 20px 0 20px 0 !important;
} }