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:
1 parent
1be52d75a0
commit
117da19f16
1 file changed
+27
-4
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user