e8550af85d
* fix: scroll enable on smaller screen * fix: fixed review error width * fix: make rubric and review error width align * fix: rubric position to be sticky * fix: remove double scroll bar at the bottom for small screen * fix: make submission more response on small screen * fix: rubric sticky and margin correctly on smaller screen * chore: linting and update snapshot * fix: make submission title resize to smaller on smaller screen * fix: miss align rubic and submission file on the top * fix: padding size on small screen * feat: add optional on feedback comment for clarity * chore: update test
56 lines
1.0 KiB
SCSS
56 lines
1.0 KiB
SCSS
@import "@edx/paragon/scss/core/core";
|
|
|
|
.response-display {
|
|
padding: map-get($spacers, 0);
|
|
width: map-get($container-max-widths, "md");
|
|
overflow-y: hidden;
|
|
height: fit-content;
|
|
|
|
.submission-files {
|
|
.submission-files-title {
|
|
padding: map-get($spacers, 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: $gray-300;
|
|
}
|
|
}
|
|
}
|
|
|
|
.submission-files-body {
|
|
padding: map-get($spacers, 3);
|
|
padding-top: 0;
|
|
|
|
.submission-files-table thead {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.preview-display {
|
|
padding: map-get($spacers, 3) 0;
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
.response-display {
|
|
width: 100%;
|
|
|
|
.preview-display {
|
|
padding: map-get($spacers, 1) 0;
|
|
}
|
|
}
|
|
} |