Commits

Luke Plant committed 48f55a0

Make height of optsbox same as that of headings box

  • Participants
  • Parent commits cb09308

Comments (0)

Files changed (2)

semanticeditor/media/semanticeditor/javascript/wymeditor/plugins/semantic/wymeditor.semantic.js

     var headingsbox_id = id_prefix + 'headings';
     var optsbox_id = id_prefix + 'optsbox';
 
-    container.after("<div class=\"prescontrolheadings\">Headings:<br/><select size=\"5\" id=\"" + headingsbox_id + "\"></select></div>" +
+    container.after("<div class=\"prescontrolheadings\">Headings:<br/><select size=\"7\" id=\"" + headingsbox_id + "\"></select></div>" +
 		    "<div class=\"prescontroloptsboxcont\">Presentation choices:<div class=\"prescontroloptsbox\" id=\"" + optsbox_id + "\"></div></div>");
 
     this.optsbox = jQuery('#' + optsbox_id);
     this.headingscontrol = jQuery('#' + headingsbox_id);
 
+    this.optsbox.get(0).style.height = this.headingscontrol.get(0).clientHeight.toString() + "px";
+
     this.retrieve_styles();
     // Event handlers
     this.headingscontrol.change = function(event) {

semanticeditor/media/semanticeditor/javascript/wymeditor/skins/semanticeditor/skin.css

 
 
 /* SEMANTIC EDITOR PRESENTATION CONTROLS */
-	.prescontrolheadings        { float: left; width: 40%; }
+	.prescontrolheadings        { float: left; width: 50%; }
 	.prescontrolheadings select { min-width: 150px; }
-	.prescontroloptsboxcont     { float: left; width: 60%; }
+	.prescontroloptsboxcont     { float: left; width: 49%; }
+	.prescontroloptsbox         { overflow-y: scroll; }
+	/* TODO - styling for checkboxes and labels in prescontroloptsbox */