fix(table): 排序行图标右置并在排序组标题提供重置

- 排序行改两端布局:标题居左、方向图标贴右,未排序行右端留空对齐
- 「排序」标题右侧新增重置链接(仅排序生效时渲染),点击清除排序并就地刷新,面板保持打开
This commit is contained in:
augushong
2026-10-05 11:34:58 +00:00
parent 3770e76583
commit 21a5eceeda
3 changed files with 108 additions and 18 deletions

View File

@@ -943,12 +943,38 @@ table样式
background-color: #f8f8f8;
}
/* 排序行紧凑:压过 .ul-nav-block .item 基类的 padding: 8px 18px
(同特异性 0,2,0,源序靠后胜出,不用 !important) */
(同特异性 0,2,0,源序靠后胜出,不用 !important);两端布局——
标题居左、方向图标贴行右端,未排序行图标 display:none,行仅剩
左侧标题,space-between 使各行标题对齐 */
.ua-card-setting-panel .ua-card-setting-sort-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 4px 12px;
line-height: 20px;
}
.ua-card-setting-sort-arrow {
flex: none;
}
/* 「排序」标题行两端布局:标题居左,「重置」链接(仅排序生效时渲染)贴右 */
.ua-card-setting-title.ua-card-setting-sort-title {
display: flex;
align-items: center;
justify-content: space-between;
}
.ua-card-setting-sort-reset {
color: #01AAED;
cursor: pointer;
padding: 0 2px;
}
.ua-card-setting-sort-reset:hover {
text-decoration: underline;
}
.ua-card-setting-switch {
position: relative;
flex: none;