Merge pull request #53 from kkalpakloglou/master

Make opt group easier to style
rvera · Sep 25, 2016 · bf797df · bf797df
2 parents 2f6c8fe + 1f6daf5
commit bf797df
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/image-picker/image-picker.css b/image-picker/image-picker.css
@@ -12,6 +12,7 @@ ul.thumbnails.image_picker_selector {
     list-style-type: none;
     padding: 0px;
     margin: 0px; }
+  ul.thumbnails.image_picker_selector li.group {width:100%;} 
   ul.thumbnails.image_picker_selector li.group_title {
     float: none; }
   ul.thumbnails.image_picker_selector li {

diff --git a/image-picker/image-picker.js b/image-picker/image-picker.js
@@ -121,7 +121,7 @@
         option_group = jQuery(option_group);
         container = jQuery("<ul></ul>");
         container.append(jQuery("<li class='group_title'>" + (option_group.attr("label")) + "</li>"));
-        target_container.append(jQuery("<li>").append(container));
+        target_container.append(jQuery("<li class='group'>").append(container));
         this.recursively_parse_option_groups(option_group, container);
       }
       _ref1 = (function() {

diff --git a/source/coffee/image-picker.coffee b/source/coffee/image-picker.coffee
@@ -77,7 +77,7 @@ class ImagePicker
       option_group = jQuery(option_group)
       container    = jQuery("<ul></ul>")
       container.append jQuery("<li class='group_title'>#{option_group.attr("label")}</li>")
-      target_container.append jQuery("<li>").append(container)
+      target_container.append jQuery("<li class='group'>").append(container)
       @recursively_parse_option_groups(option_group, container)
     for option in (new ImagePickerOption(option, this, @opts) for option in scoped_dom.children("option"))
       @picker_options.push option