Refine vertical slice rail orientation
This commit is contained in:
@@ -623,8 +623,50 @@ button:disabled {
|
|||||||
width: 28px;
|
width: 28px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
writing-mode: vertical-lr;
|
writing-mode: vertical-lr;
|
||||||
direction: rtl;
|
direction: ltr;
|
||||||
accent-color: var(--cyan);
|
appearance: none;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
background: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sliceSlider::-webkit-slider-runnable-track {
|
||||||
|
width: 4px;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: rgba(146, 163, 186, 0.38);
|
||||||
|
}
|
||||||
|
|
||||||
|
#sliceSlider::-webkit-slider-thumb {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-left: -6px;
|
||||||
|
border: 2px solid #d8fbff;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: var(--cyan);
|
||||||
|
box-shadow: 0 0 0 3px rgba(25, 212, 194, 0.16);
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sliceSlider::-moz-range-track {
|
||||||
|
width: 4px;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: rgba(146, 163, 186, 0.38);
|
||||||
|
}
|
||||||
|
|
||||||
|
#sliceSlider::-moz-range-progress {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sliceSlider::-moz-range-thumb {
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
border: 2px solid #d8fbff;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: var(--cyan);
|
||||||
|
box-shadow: 0 0 0 3px rgba(25, 212, 194, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
#sliceText {
|
#sliceText {
|
||||||
|
|||||||
Reference in New Issue
Block a user