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-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 {
|
||||
display: inline-flex;
|
||||
|
||||
Reference in new issue
Block a user