fix(ui): slider firefox support
This commit is contained in:
parent
394e4c4ae5
commit
72ef80db27
|
@ -152,7 +152,7 @@ onMounted(() => {
|
||||||
}
|
}
|
||||||
// Fake slider
|
// Fake slider
|
||||||
.range {
|
.range {
|
||||||
width: calc(var(--step-size) * var(--current-step) + 2px);
|
width: calc(var(--step-size) * var(--current-step) + 4px);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 6px;
|
top: 6px;
|
||||||
left: 2.5px;
|
left: 2.5px;
|
||||||
|
@ -166,6 +166,15 @@ onMounted(() => {
|
||||||
input:focus~.range {
|
input:focus~.range {
|
||||||
// focused style
|
// focused style
|
||||||
}
|
}
|
||||||
|
input[type=range]::-moz-range-thumb {
|
||||||
|
background-color: var(--fw-primary);
|
||||||
|
transition: all .1s;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
input[type="range"]::-moz-range-track {
|
||||||
|
background: var(--fw-gray-800);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
.pin {
|
.pin {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
|
|
Loading…
Reference in New Issue