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

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

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

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) {