fix(tickets): hide native radio dot in department picker
Global input[type=radio] rules in main.css out-specified the ticket picker's hide rule, pulling the radio back into flow before the pill. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
174fbb54c5
commit
8d871c0828
1 file changed
+18
-1
@@ -249,7 +249,24 @@
|
|||||||
/* 部门:单选卡片(替代下拉,选项一目了然)。 */
|
/* 部门:单选卡片(替代下拉,选项一目了然)。 */
|
||||||
.aksrt-ticket-types__list { display: flex; flex-wrap: wrap; gap: 8px; }
|
.aksrt-ticket-types__list { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||||
.aksrt-ticket-type { position: relative; margin: 0; cursor: pointer; }
|
.aksrt-ticket-type { position: relative; margin: 0; cursor: pointer; }
|
||||||
.aksrt-ticket-type input { position: absolute; opacity: 0; pointer-events: none; }
|
/* 原生单选点视觉隐藏,选中态由胶囊承载。选择器需压过 main.css 全局
|
||||||
|
* input[type=radio] 及其 :hover / :checked(会把它拉回文档流并显出圆点)。 */
|
||||||
|
.aksrt-ticket-types .aksrt-ticket-type input[type="radio"],
|
||||||
|
.aksrt-ticket-types .aksrt-ticket-type input[type="radio"]:hover,
|
||||||
|
.aksrt-ticket-types .aksrt-ticket-type input[type="radio"]:checked {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
width: 1px;
|
||||||
|
min-width: 0;
|
||||||
|
height: 1px;
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
clip-path: inset(50%);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
.aksrt-ticket-type span {
|
.aksrt-ticket-type span {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|||||||
Reference in new issue
Block a user