mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-13 04:22:07 +02:00
Code Issues Projects Releases Wiki Activity

MDL-56318 assign: Polish for assign grading in boost

Browse Source 
These styles mostly remove the responsiveness from the grading form.
This commit is contained in:
Damyon Wiese 2016-10-28 15:56:54 +08:00
parent cd4a6b8b0b
commit 21a5c3c447
4 changed files with 75 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
mod/assign/styles.css
View File

@ -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;

75
theme/boost/scss/moodle/modules.scss
View File

@ -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;

11
theme/bootstrapbase/less/moodle/modules.less
View File

@ -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;

7
theme/bootstrapbase/style/moodle.css
View File

@ -14456,6 +14456,13 @@ body.modal-open {
select {
width: auto;
}
.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-feedback .mform.feedback_form .fitem .fitemtitle {
display: block;
margin-top: 4px;