mirror of
https://github.com/SECTL/SecScore.git
synced 2026-07-19 21:14:21 +08:00
fix: 调整分组弹窗留白并将滚动限定到分组列
This commit is contained in:
+2
-1
@@ -213,6 +213,7 @@ html.platform-macos #root {
|
||||
|
||||
.ss-group-board-modal .ant-modal {
|
||||
max-height: calc(100vh - 24px);
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ss-group-board-modal .ant-modal-content {
|
||||
@@ -222,5 +223,5 @@ html.platform-macos #root {
|
||||
}
|
||||
|
||||
.ss-group-board-modal .ant-modal-body {
|
||||
overflow-y: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -1379,6 +1379,7 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
|
||||
<Modal
|
||||
title={t("students.groupBoardTitle")}
|
||||
open={groupBoardVisible}
|
||||
centered
|
||||
onCancel={() => {
|
||||
setGroupBoardVisible(false)
|
||||
setGroupBoardNewGroupName("")
|
||||
@@ -1396,7 +1397,7 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
|
||||
okButtonProps={{ loading: groupBoardSaving }}
|
||||
width="90%"
|
||||
wrapClassName="ss-group-board-modal"
|
||||
styles={{ body: { maxHeight: "calc(100vh - 220px)", overflowY: "auto" } }}
|
||||
styles={{ body: { maxHeight: "calc(100vh - 220px)", overflow: "hidden" } }}
|
||||
destroyOnHidden
|
||||
>
|
||||
<div style={{ color: "var(--ss-text-secondary)", marginBottom: 12, fontSize: 12 }}>
|
||||
@@ -1455,7 +1456,18 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
|
||||
>
|
||||
{groupLabel} ({studentsInGroup.length})
|
||||
</div>
|
||||
<div style={{ display: "flex", flexDirection: "column", gap: 8, minHeight: 160 }}>
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
gap: 8,
|
||||
minHeight: 160,
|
||||
maxHeight: "44vh",
|
||||
overflowY: "auto",
|
||||
overflowX: "hidden",
|
||||
paddingRight: 2,
|
||||
}}
|
||||
>
|
||||
{studentsInGroup.length > 0 ? (
|
||||
studentsInGroup.map((student) => (
|
||||
<div
|
||||
|
||||
Reference in New Issue
Block a user