上一轮回滚时虽已恢复灰卡片形态,但额外加了列表 padding 6px、行的 margin 0 8px
与 border-radius 6px,导致与原「切换身份」观感仍有出入。本次全部移除。
移除(非原样式):
- .user-card-roles 的 padding: 6px 0
- .u-role 的 margin: 0 8px 与 border-radius: 6px
- .who 的 min-width/ellipsis 系列
恢复(原样式组成部分):
- .user-card 顶层 svg{20px},等价原 .roleinfo-wrap 首段声明(原圆点尺寸就靠它,
上一版只写了 margin 导致圆点尺寸失去约束)
- .u-role 用 height: 62px 替代 min-height
- .who 回到 .user-wrap 的 padding: 9px 0 + flex: auto
- .nm 内 .t 间距回到 mr-10
实测 9 条身份 scrollHeight=558(9 × 62px,整数倍⇒ 确认已无任何额外间距),
仍正确出滚动条;1 条时 62=62 不滚动。菜单行数管理员 2 / 普通用户 1 不变。
This commit is contained in:
@@ -227,6 +227,12 @@
|
|||||||
width: 260px;
|
width: 260px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
||||||
|
/* 原 .roleinfo-wrap 顶层同款:圆点与标题图标统一 20px */
|
||||||
|
svg {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.user-card-hd {
|
.user-card-hd {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
@@ -235,8 +241,6 @@
|
|||||||
border-bottom: 1px solid #e8eaec;
|
border-bottom: 1px solid #e8eaec;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
.ttl {
|
.ttl {
|
||||||
@@ -265,12 +269,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 身份列表:沿用原.roleinfo-wrap 的灰卡片形态(2026-10-08 回滚,用户要求保持原角色选择样式) */
|
/* 身份列表:完全沿用原 .roleinfo-wrap 的灰卡片形态,不加任何额外 padding/margin/圆角 */
|
||||||
.user-card-roles {
|
.user-card-roles {
|
||||||
max-height: 310px;
|
max-height: 310px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
overscroll-behavior: contain;
|
overscroll-behavior: contain;
|
||||||
padding: 6px 0;
|
|
||||||
|
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
width: 6px;
|
width: 6px;
|
||||||
@@ -291,9 +294,7 @@
|
|||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-height: 62px;
|
height: 62px;
|
||||||
margin: 0 8px;
|
|
||||||
border-radius: 6px;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
@@ -305,44 +306,32 @@
|
|||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
> svg {
|
svg {
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
margin: 0 16px;
|
margin: 0 16px;
|
||||||
flex: 0 0 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.who {
|
.who {
|
||||||
flex: auto;
|
padding: 9px 0;
|
||||||
min-width: 0;
|
|
||||||
padding: 9px 16px 9px 0;
|
|
||||||
border-bottom: 1px solid #e9e9e9;
|
border-bottom: 1px solid #e9e9e9;
|
||||||
|
flex: auto;
|
||||||
|
|
||||||
.nm {
|
.nm {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
color: #323233;
|
color: #323233;
|
||||||
line-height: 20px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.t {
|
.t {
|
||||||
overflow: hidden;
|
margin-right: 10px;
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.sch {
|
.sch {
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #656667;
|
color: #656667;
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 末行不画分隔线(原 .roles-ul li:last-child .user-wrap 同款) */
|
|
||||||
&:last-child .who {
|
&:last-child .who {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user