fix(admin): replace VIP expiry sort glyph with stacked CSS carets
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
117da19f16
commit
8f1bbf2411
2 files changed
+20
-7
No files matched your search
@@ -41,14 +41,27 @@
|
||||
.aksrt-vip-sort {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
gap: 6px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.aksrt-vip-sort .dashicons { width: 16px; height: 16px; font-size: 14px; line-height: 16px; color: var(--an-muted); }
|
||||
.aksrt-vip-sort:hover,
|
||||
.aksrt-vip-sort.is-active,
|
||||
.aksrt-vip-sort.is-active .dashicons { color: var(--an-primary); }
|
||||
.aksrt-vip-sort.is-asc,
|
||||
.aksrt-vip-sort.is-desc { color: var(--an-primary); }
|
||||
/* 上下两个 CSS 三角,当前方向高亮;不依赖图标字形的朝向。 */
|
||||
.aksrt-vip-sort__icon { display: inline-flex; flex-direction: column; gap: 2px; }
|
||||
.aksrt-vip-sort__icon i {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
color: #c9cdd4;
|
||||
}
|
||||
.aksrt-vip-sort__icon i:first-child { border-bottom: 5px solid currentColor; }
|
||||
.aksrt-vip-sort__icon i:last-child { border-top: 5px solid currentColor; }
|
||||
.aksrt-vip-sort.is-asc .aksrt-vip-sort__icon i:first-child,
|
||||
.aksrt-vip-sort.is-desc .aksrt-vip-sort__icon i:last-child { color: var(--an-primary); }
|
||||
.aksrt-vip-history .column-time { width: 140px; }
|
||||
.aksrt-vip-history .column-user { width: 22%; }
|
||||
.aksrt-vip-history .column-reason { width: 26%; word-break: break-word; }
|
||||
|
||||
Reference in new issue
Block a user