Enhance product survey functionality: Updated the TrainingTaskToolbar for better integration with the sticky action toolbar. Improved CSS for consistent styling and responsiveness, ensuring a seamless user experience across various devices.

fix/exam-question-access-material-excel-delete-draft
qinzhenpen 2 weeks ago
parent ac22d2bc07
commit dff3ac56f0

@ -1966,20 +1966,11 @@ function exportOutcome() {
.field-block.layer-extended { --bar: var(--student-layer-3); }
/* ============================================================
* 操作工具栏横条:独立白卡 + 吸顶 + 按钮组右对齐
* 放在 task-header 下方,不影响标题区的简介展示
* 操作工具栏横条:内联布局,去掉悬浮和边框
* ============================================================ */
.task-action-strip {
position: sticky;
top: 12px;
z-index: 10;
margin: 0;
padding: 10px 16px;
border: 1px solid var(--student-panel-border);
border-radius: 12px;
background: var(--student-card-bg);
box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
transition: box-shadow 0.2s ease;
// 让 TrainingTaskToolbar 内部按钮在横条内右对齐
:deep(.training-task-toolbar) {
@ -2001,11 +1992,6 @@ function exportOutcome() {
}
@media (max-width: 900px) {
.task-action-strip {
position: static; // 窄屏不再吸顶,避免遮挡内容
top: auto;
}
.step-navigation {
flex-direction: column;
align-items: stretch;

@ -647,19 +647,11 @@ function exportOutcome() {
}
/* ============================================================
* 操作工具栏横条:独立白卡 + 吸顶 + 按钮组右对齐
* 操作工具栏横条:内联布局,去掉悬浮和边框
* ============================================================ */
.task-action-strip {
position: sticky;
top: 12px;
z-index: 10;
margin: 0;
padding: 10px 16px;
border: 1px solid var(--student-panel-border);
border-radius: 12px;
background: var(--student-card-bg);
box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
transition: box-shadow 0.2s ease;
:deep(.training-task-toolbar) {
display: flex;

@ -782,19 +782,11 @@ function exportOutcome() {
}
/* ============================================================
* 操作工具栏横条:独立白卡 + 吸顶 + 按钮组右对齐
* 操作工具栏横条:内联布局,去掉悬浮和边框
* ============================================================ */
.task-action-strip {
position: sticky;
top: 12px;
z-index: 10;
margin: 0;
padding: 10px 16px;
border: 1px solid var(--student-panel-border);
border-radius: 12px;
background: var(--student-card-bg);
box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
transition: box-shadow 0.2s ease;
:deep(.training-task-toolbar) {
display: flex;

Loading…
Cancel
Save