fix(header): 去掉身份列表上擅自添加的 padding/margin/圆角,完全对齐原样式
build / build (push) Successful in 1m30s

上一轮回滚时虽已恢复灰卡片形态,但额外加了列表 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:
chenxing
2026-10-08 16:09:34 +08:00
parent 97090eb08b
commit 3250de382a
+12 -23
View File
@@ -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;
} }