Files
frontend-app-ora-grading/src/containers/ResponseDisplay/ResponseDisplay.scss
2026-01-08 14:57:56 -05:00

72 lines
1.4 KiB
SCSS

.response-display {
padding: var(--pgn-spacing-spacer-0);
width: var(--pgn-size-container-max-width-md);
overflow-y: hidden;
height: fit-content;
.prompt-display-single {
padding: var(--pgn-spacing-spacer-3) 0;
}
.prompt-display-multiple > .collapsible-basic .collapsible-trigger {
text-decoration: none !important;
}
.submission-files {
.submission-files-title {
padding: var(--pgn-spacing-spacer-3);
border-radius: calc(0.375rem - 1px);
border-bottom: 1px solid transparent;
transition: border-color 100ms ease 150ms;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
> h3 {
margin-bottom: 0;
}
&.no-submissions {
cursor: initial;
> h3 {
color: var(--pgn-color-gray-300);
}
}
}
.submission-files-body {
padding: var(--pgn-spacing-spacer-3);
padding-top: 0;
.submission-files-table thead {
display: none;
}
}
}
.preview-display {
padding: var(--pgn-spacing-spacer-3) 0;
}
.response-display-card {
margin: var(--pgn-spacing-spacer-3) 0;
}
.response-display-text-content {
white-space: pre-line;
overflow: hidden;
}
}
@media (--pgn-size-breakpoint-max-width-sm) {
.response-display {
width: 100%;
.preview-display {
padding: var(--pgn-spacing-spacer-1) 0;
}
}
}