Commits

Luke Plant committed edccfe7

Fixed height of class list

Comments (0)

Files changed (2)

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

     this.newcolbutton = jQuery('#' + newcolbutton_id);
     this.removebutton = jQuery('#' + removebutton_id);
     this.cleanhtmlbutton = jQuery('#' + cleanhtmlbutton_id);
-    // TODO - height of classlist box?
 
     this.setup_css_storage();
 
     jQuery(".orbitaltooltip-simplebox").click(function(event) {
                                                   jQuery(this).hide();
                                               });
+
+    // Fix height of classlist.
+    var h = jQuery(" .wym_area_main").height() -
+        jQuery(this.wym._options.containersSelector).height() -
+        jQuery(this.wym._options.layoutCommandsSelector).height() -
+        jQuery(this.wym._options.classesSelector + " h2").height() -
+        20; // 20 is a fudge value, probably equal to some marings/paddings
+    this.classlist.css("height", h.toString() + "px");
+
 };
 
 PresentationControls.prototype.unbind_classlist = function() {

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

         .wym_skin_semanticeditor .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
         .wym_skin_semanticeditor .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
 
+/*CLASSES*/
+        .wym_skin_semanticeditor .wym_classes ul             { overflow-y: auto; }
+
+
 /*DECORATION*/
         .wym_skin_semanticeditor .wym_section h2             { background: #fff;}
         .wym_skin_semanticeditor .wym_section h2 span        { color: gray;}
             * html .wym_dialog div.row       { height: 1%; }
             .wym_dialog div.row              { display: block; }
             /* End hide from IE-mac */                
-            
+
 /*WYMEDITOR_LINK*/
         a.wym_wymeditor_link        { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png);  overflow: hidden; text-decoration: none;  }
 
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.