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
43 lines
653 B
SCSS
43 lines
653 B
SCSS
@import "@edx/paragon/scss/core/core";
|
|
|
|
.review-modal-body {
|
|
background-color: $gray-300 !important;
|
|
padding: inherit;
|
|
|
|
& > div.pgn__modal-body-content {
|
|
height: 100%;
|
|
|
|
.row {
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.content-block {
|
|
width: fit-content;
|
|
margin: auto;
|
|
height: 100%;
|
|
}
|
|
|
|
.content-wrapper {
|
|
width: min-content;
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
.review-modal-body {
|
|
padding: 0 !important;
|
|
overflow: hidden !important;
|
|
|
|
& > div.pgn__modal-body-content {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.content-block .col {
|
|
padding: 0;
|
|
}
|
|
|
|
.content-wrapper {
|
|
width: 100%;
|
|
}
|
|
}
|
|
} |