moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-09 19:06:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-64450 mod_lesson: Update the css for lesson forms

Browse source 
* Reduce the width for the mediaplugin when displayed in forms
* Correct the css to exclude mediaplugin when applying styles
This commit is contained in:
Peter 2018-12-21 08:42:27 +08:00
parent be521ca625
commit f0f73daeb9
4 changed files with 25 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
theme/boost/scss/moodle/forms.scss
View file

@ -169,6 +169,11 @@ div.backup-section + form {
direction: ltr; direction: ltr;
} }
// Reduce the mediaplugin width when using inside forms.
.que.match .mediaplugin {
width: 50vw;
}
/* rtl:ignore */ /* rtl:ignore */
#page-admin-grade-edit-scale-edit .error input#id_name { #page-admin-grade-edit-scale-edit .error input#id_name {
margin-right: 170px; margin-right: 170px;

3
theme/boost/style/moodle.css
View file

@ -14949,6 +14949,9 @@ div.backup-section + form {
text-align: left; text-align: left;
direction: ltr; } direction: ltr; }
.que.match .mediaplugin {
width: 50vw; }
/* rtl:ignore */ /* rtl:ignore */
#page-admin-grade-edit-scale-edit .error input#id_name { #page-admin-grade-edit-scale-edit .error input#id_name {
margin-right: 170px; } margin-right: 170px; }

16
theme/bootstrapbase/less/moodle/forms.less
View file

@ -48,17 +48,23 @@ form {
display: none; display: none;
} }
// MDL-63512 Override to handle issues in clean where the video styling is off.
.mform .fitem .fitemtitle { .mform .fitem .fitemtitle {
div { & > div:not(.mediaplugin) div {
display: inline; display: inline;
} }
// MDL-63512 Override to handle issues in clean where the video styling is off. // MDL-64450 Override for videos so they don't appear off the screen.
.mediaplugin, .mediaplugin > div {
.mediaplugin div { margin: 0;
display: block;
} }
} }
// Reduce the mediaplugin width when using inside forms.
.que.match .mediaplugin {
width: 50vw;
}
#adminsettings .error, #adminsettings .error,
.loginpanel .error, .loginpanel .error,
.mform .error { .mform .error {

10
theme/bootstrapbase/style/moodle.css
View file

@ -16601,12 +16601,14 @@ form {
.jsenabled .mform .collapsed .fcontainer { .jsenabled .mform .collapsed .fcontainer {
display: none; display: none;
} }
.mform .fitem .fitemtitle div { .mform .fitem .fitemtitle > div:not(.mediaplugin) div {
display: inline; display: inline;
} }
.mform .fitem .fitemtitle .mediaplugin, .mform .fitem .fitemtitle .mediaplugin > div {
.mform .fitem .fitemtitle .mediaplugin div { margin: 0;
display: block; }
.que.match .mediaplugin {
width: 50vw;
} }
#adminsettings .error, #adminsettings .error,
.loginpanel .error, .loginpanel .error,