style(teacher-light.scss): add styles for task review page

add full light mode style coverage for task review page, fix the dark mode styles not being overwritten properly in the teacher light theme
fix/exam-question-access-material-excel-delete-draft
qinzhenpen 3 weeks ago
parent abdcfd72ff
commit 2b47a57291

@ -18,7 +18,8 @@
.grade-center,
.task,
.default-task-page,
.school-admin-workbench {
.school-admin-workbench,
.task-review {
color: #2c4a6a;
}
@ -2082,3 +2083,97 @@ body.teacher-light-mode {
}
}
}
/* =============================================================
* 16. 任务评阅页(TaskReviewPanel)亮色覆盖
* 该页 scoped 内写了完整的暗色样式,teacher-light.scss 之前完全没覆盖
* ============================================================= */
#app .teacherLayout .task-review {
background: #ffffff !important;
border: 1px solid rgba(30, 136, 229, 0.15) !important;
border-radius: 14px;
box-shadow: 0 6px 20px rgba(30, 60, 100, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
// 左侧筛选 + 学生列表栏
.task-review__sidebar {
background: #f8fbfe !important;
border-right: 1px solid rgba(30, 136, 229, 0.12) !important;
}
.task-review__filters {
background: #ffffff !important;
border: 1px solid rgba(30, 136, 229, 0.15) !important;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(30, 60, 100, 0.04);
}
// "学生列表(6)" 标题
.task-review__list-head {
color: #1e3a5f !important;
font-weight: 700;
}
.task-review__readonly-tip {
color: #6b85a3 !important;
}
// 右侧学生预览区
.task-review__content {
background: linear-gradient(135deg, #ffffff 0%, #f5f8fc 100%) !important;
}
// 学生姓名 + 任务副标题
.task-review__student-head {
border-bottom: 1px solid rgba(30, 136, 229, 0.12) !important;
h2 {
color: #1e3a5f !important;
text-shadow: none !important;
}
p {
color: #5a7896 !important;
}
}
// AI评分 / 老师评分 胶囊
.task-review__scores {
color: #46607d !important;
span {
background: #e8f3fe !important;
border: 1px solid rgba(30, 136, 229, 0.25) !important;
}
strong {
color: #1e88e5 !important;
}
}
// iframe 滚动容器:移除暗色 scrollbar,改用亮色系统滚动条
.task-review__student-preview-scroll {
border: 1px solid rgba(30, 136, 229, 0.18) !important;
border-radius: 10px;
scrollbar-color: #9cc8ef #f0f7ff;
&::-webkit-scrollbar-track {
background: #f0f7ff !important;
}
&::-webkit-scrollbar-thumb {
background: #9cc8ef !important;
border-radius: 8px;
border: 2px solid #f0f7ff !important;
}
}
// 批量打分弹窗内说明文字
.task-review__batch-copy {
color: #2c4a6a !important;
}
// 选中行高亮(scoped 用了 :deep() 提权,这里用类名+ !important 覆盖)
.task-review__student-table .task-review__selected-row > td {
background: #e8f3fe !important;
}
}

Loading…
Cancel
Save