fix(用户管理): 修复角色权限面板滚动失效问题
This commit is contained in:
@@ -118,9 +118,12 @@ function isSelected(permissionId: string) {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
/* 必须是 height 而不是 min-height:min-height 只有下限没有上限,
|
||||
权限目录一多,面板会跟着内容一起长高,被抽屉的 overflow: hidden 直接裁掉,
|
||||
内部就没有任何可滚动区域了。 */
|
||||
.drawer-panel {
|
||||
display: flex;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
margin-top: 0;
|
||||
overflow: hidden;
|
||||
@@ -207,8 +210,11 @@ function isSelected(permissionId: string) {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
/* min-height: 0 让这个 flex 子项能被压缩到内容高度以下,
|
||||
否则它会撑到内容高度,overflow: auto 永远触发不了 */
|
||||
.drawer-panel .api-permission-layout {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user