Refine vertical slice rail orientation
This commit is contained in:
@@ -623,8 +623,50 @@ button:disabled {
|
||||
width: 28px;
|
||||
height: 100%;
|
||||
writing-mode: vertical-lr;
|
||||
direction: rtl;
|
||||
accent-color: var(--cyan);
|
||||
direction: ltr;
|
||||
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 {
|
||||
|
||||
Reference in New Issue
Block a user