mirror of
https://gitee.com/ulthon/ulthon_admin.git
synced 2026-10-29 08:58:22 +08:00
fix(table): 排序行图标右置并在排序组标题提供重置
- 排序行改两端布局:标题居左、方向图标贴右,未排序行右端留空对齐 - 「排序」标题右侧新增重置链接(仅排序生效时渲染),点击清除排序并就地刷新,面板保持打开
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user