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