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

MDL-42887 Forms: Collapse all field elements below their labels on screens less than 1180px

Browse source 
Includes css fixes to make the question type edit screens look OK with this change.
This commit is contained in:
Damyon Wiese 2013-11-14 12:17:15 +08:00
parent 529d3bad0e
commit d8383b247e
7 changed files with 115 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

1
lib/editor/tinymce/plugins/pdw/readme_moodle.txt
View file

@ -17,3 +17,4 @@ Upgrade procedure:
after "DOM.setStyle(ifr, 'height',DOM.getSize(ifr).h + dy); // Resize iframe"
7/ reimplement patch in MDL-42481
8/ reimplement patch in MDL-42684
9/ reimplement patch in MDL-42887

9
lib/editor/tinymce/plugins/pdw/tinymce/editor_plugin.js
View file

@ -155,7 +155,6 @@
// Resizes the iframe by a relative height value
_resizeIframe : function(ed, tb_id, dy) {
var ifr = ed.getContentAreaContainer().firstChild;
var ultcon = ed.getContainer().parentNode; //Ultimate parent container
var parcon = ed.getContainer(); //Parent container
var tablecon = ed.getContainer().childNodes[1]; // Table container
var textarea = DOM.get(ed.id);
@ -178,10 +177,10 @@
}
// Set all the containers to the same width
DOM.setStyle(textarea, 'width',DOM.getSize(ultcon).w);
DOM.setStyle(parcon, 'width',DOM.getSize(ultcon).w);
DOM.setStyle(tablecon, 'width',DOM.getSize(ultcon).w);
DOM.setStyle(ifr, 'width',DOM.getSize(ultcon).w);
DOM.setStyle(textarea, 'width','100%');
DOM.setStyle(parcon, 'width','100%');
DOM.setStyle(tablecon, 'width','100%');
DOM.setStyle(ifr, 'width','100%');
if (collapsedContainer) {

66
theme/base/style/core.css
View file

@ -329,36 +329,48 @@ input#id_externalurl {direction:ltr;}
#portfolio-add-button {display:inline;}
/**
* Show the labels above text editors and file managers.
* Show the labels above text editors and file managers except on wide screens.
*/
#adminsettings #admin-summary .form-label,
.mform .fcontainer .fitem_ffilemanager .fitemtitle,
.mform .fcontainer .fitem_feditor .fitemtitle {
display: block;
margin-top: 4px;
margin-bottom: 4px;
text-align: left;
width: 100%;
}
.dir-rtl #adminsettings #admin-summary .form-label,
.dir-rtl .mform .fcontainer .fitem_ffilemanager .fitemtitle,
.dir-rtl .mform .fcontainer .fitem_feditor .fitemtitle {
text-align: right;
.mform .fcontainer .fitem .fitemtitle label {
font-weight: bold;
}
@media (max-width: 1199px) {
.mform .fcontainer .fitem .fitemtitle {
display: block;
margin-top: 4px;
margin-bottom: 4px;
text-align: left;
width: 100%;
}
.dir-rtl .mform .fcontainer .fitem .fitemtitle {
text-align: right;
}
#adminsettings #admin-summary .form-setting,
#adminsettings #admin-summary .form-description,
.mform .fcontainer .fitem_ffilemanager .ffilemanager,
.mform .fcontainer .fitem_feditor .feditor {
margin-left: 0%;
width: 100%;
float: left;
}
.dir-rtl #adminsettings #admin-summary .form-setting,
.dir-rtl #adminsettings #admin-summary .form-description,
.dir-rtl .mform .fcontainer .fitem_ffilemanager .ffilemanager,
.dir-rtl .mform .fcontainer .fitem_feditor .feditor {
margin-right: 0%;
.mform .fcontainer .fitem .felement {
margin-left: 0;
width: 100%;
float: left;
margin-bottom: 6px;
padding-left: 0;
padding-right: 0;
}
.dir-rtl .mform .fcontainer .fitem .felement {
margin-right: 0;
float: right;
padding-right: 0;
padding-left: 0;
}
.mform .fcontainer .fitem_fcheckbox .fitemtitle,
.mform .fcontainer .fitem_fcheckbox .felement {
display: inline-block;
width: auto;
}
.dir-rtl .mform .fcontainer .fitem_fcheckbox .felement {
float: right;
}
.mform .fcontainer .fitem_fcheckbox .felement {
padding: 6px;
}
}
/**

23
theme/base/style/question.css
View file

@ -130,7 +130,28 @@ body.path-question-type .fitem_fgroup .accesshide {font: inherit;left: 0;positio
background: none;
}
/* Add a little padding to the answer sections of edit question forms. */
.path-question-type.editing #id_answerhdr .fitem .fitemtitle,
.path-question-type.editing #id_answerhdr .fitem .felement {
margin-left: 6px;
margin-right: 6px;
}
.path-question-type.editing #id_answerhdr .fitem_feditor .felement {
margin-left: 0px;
margin-right: 0px;
}
@media (min-width: 1200px) {
.path-question-type.editing #id_answerhdr .fitem_feditor .felement {
margin-left: 16%;
margin-right: 0px;
}
.dir-rtl .path-question-type.editing #id_answerhdr .fitem_feditor .felement {
margin-right: 16%;
margin-left: 0px;
}
}
/** Overide for RTL layout **/
.dir-rtl #qtypechoicecontainer #chooseqtype .instruction,
.dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary {right: 60%;left: 0%; border-left:0;border-right: 1px solid grey;}
#qtypechoicecontainer #chooseqtype .qtypeoption {padding-right: 0.3em;}
#qtypechoicecontainer #chooseqtype .qtypeoption {padding-right: 0.3em;}

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

@ -384,34 +384,44 @@ fieldset.coursesearchbox label {
}
/**
* Show the labels above text editors and file managers.
* Show the labels above text editors and file managers except on wide screens.
*/
#adminsettings #admin-summary .form-label,
.mform .fcontainer .fitem_ffilemanager .fitemtitle,
.mform .fcontainer .fitem_feditor .fitemtitle {
display: block;
margin-top: 4px;
margin-bottom: 4px;
text-align: left;
width: 100%;
}
.dir-rtl #adminsettings #admin-summary .form-label,
.dir-rtl .mform .fcontainer .fitem_ffilemanager .fitemtitle,
.dir-rtl .mform .fcontainer .fitem_feditor .fitemtitle {
text-align: right;
.mform .fcontainer .fitem .fitemtitle label {
font-weight: bold;
}
@media (max-width: 1199px) {
.mform .fcontainer .fitem .fitemtitle {
display: block;
margin-top: 4px;
margin-bottom: 4px;
text-align: left;
width: 100%;
}
.dir-rtl .mform .fcontainer .fitem .fitemtitle {
text-align: right;
}
#adminsettings #admin-summary .form-setting,
#adminsettings #admin-summary .form-description,
.mform .fcontainer .fitem_ffilemanager .ffilemanager,
.mform .fcontainer .fitem_feditor .feditor {
margin-left: 0%;
width: 100%;
float: left;
}
.dir-rtl #adminsettings #admin-summary .form-setting,
.dir-rtl #adminsettings #admin-summary .form-description,
.dir-rtl .mform .fcontainer .fitem_ffilemanager .ffilemanager,
.dir-rtl .mform .fcontainer .fitem_feditor .feditor {
margin-right: 0%;
.mform .fcontainer .fitem .felement {
margin-left: 0;
width: 100%;
float: left;
padding-left: 0;
padding-right: 0;
}
.dir-rtl .mform .fcontainer .fitem .felement {
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.mform .fcontainer .fitem_fcheckbox .fitemtitle,
.mform .fcontainer .fitem_fcheckbox .felement {
display: inline-block;
width: auto;
}
.dir-rtl .mform .fcontainer .fitem_fcheckbox .felement {
float: right;
}
.mform .fcontainer .fitem_fcheckbox .felement {
padding: 6px;
}
}

10
theme/bootstrapbase/less/moodle/question.less
View file

@ -461,3 +461,13 @@ a#hidebankcmd {
display: inline;
}
/* Add a little padding to the answer sections of edit question forms. */
.path-question-type.editing #id_answerhdr .fitem .fitemtitle,
.path-question-type.editing #id_answerhdr .fitem .felement {
margin-left: 6px;
margin-right: 6px;
}
.path-question-type.editing #id_answerhdr .fitem_feditor .felement {
margin-left: 0px;
margin-right: 0px;
}

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

File diff suppressed because one or more lines are too long