Files
frontend-app-ora-grading/src/containers/ResponseDisplay/ResponseDisplay.scss
Brian Smith 715cc60c1c feat!: add design tokens support (#441)
BREAKING CHANGE: Pre-design-tokens theming is no longer supported.

Co-authored-by: Diana Olarte <diana.olarte@edunext.co>
2025-06-18 16:05:04 -04:00

60 lines
1.2 KiB
SCSS

.response-display {
padding: var(--pgn-spacing-spacer-0);
width: var(--pgn-size-container-max-width-md);
overflow-y: hidden;
height: fit-content;
.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-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;
}
}
}