fix(admin): hide VIP dialog radio marks and align button icons

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Fable 5 committed 2026-10-30 16:20:06 +08:00
1 parent 1be52d75a0
commit 117da19f16
1 file changed
+27 -4
+27 -4
View File
@@ -8,15 +8,23 @@
.aksrt-vip .aksrt-vip-filters label > span[aria-hidden] { color: var(--an-muted); }
/* ---------- 列表 ---------- */
.aksrt-vip .aksrt-native-card__actions .button,
.aksrt-vip .column-actions .button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.aksrt-vip .aksrt-native-card__actions .button .dashicons,
.aksrt-vip .column-actions .button .dashicons {
width: 16px;
height: 16px;
margin: 0 4px 0 0;
margin: 0;
font-size: 16px;
line-height: inherit;
vertical-align: text-bottom;
line-height: 1;
vertical-align: middle;
}
.aksrt-vip .column-actions .button-small .dashicons { width: 14px; height: 14px; font-size: 14px; }
.aksrt-vip-selection {
padding: 2px 10px;
color: var(--an-primary);
@@ -113,7 +121,22 @@
}
.aksrt-vip-ops legend { margin-bottom: 8px; padding: 0; }
.aksrt-vip-op { position: relative; display: block; cursor: pointer; }
.aksrt-vip-op input { position: absolute; opacity: 0; pointer-events: none; }
/* 单选框只承载状态,视觉由卡片表现。WP forms.css 会给 radio 画圆点(:checked::before)并给 :disabled 设 opacity,
故用裁剪彻底隐藏,而不是只靠 opacity。 */
.aksrt-vip-dialog .aksrt-vip-op input[type="radio"] {
position: absolute;
width: 1px;
height: 1px;
min-width: 0;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
border: 0;
opacity: 0;
appearance: none;
pointer-events: none;
}
.aksrt-vip-op > span {
display: flex;
flex-direction: column;