Commit 21a5c3c4 authored by Damyon Wiese's avatar Damyon Wiese
Browse files

MDL-56318 assign: Polish for assign grading in boost

These styles mostly remove the responsiveness from the grading form.
parent cd4a6b8b
......@@ -927,14 +927,6 @@
display: table-row;
}
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle,
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement {
display: table-cell;
float: none;
border-top: 1px solid #ddd;
padding: 8px 0;
}
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .fitemtitle,
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .felement {
border-bottom: 1px solid #ddd;
......
......@@ -462,9 +462,8 @@ div#dock {
}
}
/**
* Assign.
*/
// Assign.
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
top: auto;
}
......@@ -472,38 +471,69 @@ div#dock {
overflow: initial;
}
.path-mod-assign [data-region="grade-panel"] .has-popout {
background-color: $card-bg;
// This section removes the responsiveness from the form in the grading panel
$popout-header-font-size: 1.5 * $font-size-base;
// This can't be calculated from modal-title-padding because we are mixing px and rem units.
$popout-header-height: 4rem;
@include border-radius($card-border-radius);
border: $card-border-width solid $card-border-color;
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
height: calc(100% - #{$popout-header-height});
}
.path-mod-assign [data-region="grade-panel"] {
padding-top: $spacer;
}
.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3,
.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
width: 100%;
padding: 0;
}
.path-mod-assign [data-region="grade-panel"] fieldset,
.path-mod-assign [data-region="grade-panel"] .fitem.row {
margin: 0;
}
.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3 > .pull-xs-right {
float: none !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
width: 100%;
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
width: auto;
}
// Now styles for the popout sections.
.path-mod-assign [data-region="grade-panel"] .popout {
background-color: $modal-content-bg;
}
.path-mod-assign [data-region="grade-panel"] .col-md-3 {
width: 100%;
.path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
background-color: $card-bg;
@include border-radius($card-border-radius);
border: $card-border-width solid $card-border-color;
padding: $card-spacer-x;
margin-bottom: $spacer;
}
.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
border-bottom: $hr-border-width solid $hr-border-color;
margin-bottom: $spacer;
}
.path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
@extend .modal-header;
font-size: 1.5rem;
}
.path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
margin-top: 0.5rem;
font-size: $popout-header-font-size;
}
.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
margin-top: 0;
}
.path-mod-assign [data-region="grade-panel"] h3 {
margin: 10px 0;
line-height: 40px;
}
// Now style the fixed header elements.
.path-mod-assign [data-region="assignment-info"] {
overflow-y: hidden;
......@@ -525,6 +555,15 @@ div#dock {
height: 85px;
}
@media (max-width: 767px) {
.path-mod-assign [data-region="grading-navigation-panel"] {
height: auto;
}
.path-mod-assign [data-region="user-info"] {
margin-top: 1rem;
}
}
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
width: auto;
display: inline-block;
......
......@@ -9,6 +9,17 @@ select {
width: auto;
}
// Assign
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem {
.fitemtitle,
.felement {
display: table-cell;
float: none;
border-top: 1px solid #ddd;
padding: 8px 0;
}
}
// Feedback module
.path-mod-feedback .mform.feedback_form .fitem .fitemtitle {
display: block;
......
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment