2026-05-20-15-33-38 逆向映射导航外置与遮挡优化

This commit is contained in:
2026-05-20 15:41:12 +08:00
parent 1f353e97c0
commit 27cff93711
6 changed files with 308 additions and 62 deletions

View File

@@ -116,3 +116,61 @@
.mapping-slice-input:active::-moz-range-thumb {
cursor: grabbing;
}
.mapping-slice-vertical-input {
appearance: none;
-webkit-appearance: none;
background: transparent;
height: 100%;
inset: 0;
position: absolute;
width: 100%;
direction: rtl;
writing-mode: vertical-rl;
}
.mapping-slice-vertical-input:focus {
outline: none;
}
.mapping-slice-vertical-input::-webkit-slider-runnable-track {
background: transparent;
border: 0;
width: 8px;
}
.mapping-slice-vertical-input::-webkit-slider-thumb {
appearance: none;
-webkit-appearance: none;
background: #22d3ee;
border: 3px solid #0f172a;
border-radius: 9999px;
box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.16), 0 8px 18px rgba(8, 47, 73, 0.45);
cursor: grab;
height: 22px;
width: 22px;
}
.mapping-slice-vertical-input::-moz-range-track {
background: transparent;
border: 0;
width: 8px;
}
.mapping-slice-vertical-input::-moz-range-thumb {
background: #22d3ee;
border: 3px solid #0f172a;
border-radius: 9999px;
box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.16), 0 8px 18px rgba(8, 47, 73, 0.45);
cursor: grab;
height: 16px;
width: 16px;
}
.mapping-slice-vertical-input:active::-webkit-slider-thumb {
cursor: grabbing;
}
.mapping-slice-vertical-input:active::-moz-range-thumb {
cursor: grabbing;
}