style updates for inline forms

mmariani · Mar 6, 2012 · ecd2f89 · ecd2f89
1 parent a729d55
commit ecd2f89
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/deform_bootstrap/static/chosen_bootstrap.css b/deform_bootstrap/static/chosen_bootstrap.css
@@ -2,7 +2,26 @@
  * Fixes the positioning and cursor appearance
  * of the 'remove' icon in single selection widgets.
  */
+
 .chzn-single abbr {
   border-bottom: none;
   cursor: pointer;
 }
+
+/*
+ * Fix the width and positioning of chosen within inline forms.
+ * We had to pick a new class name for this.
+ */
+
+.form-inline select.i-can-haz-chzn-select {
+  min-width: 180px;
+}
+
+.form-inline select.i-can-haz-chzn-select[multiple="multiple"] {
+  min-width: 250px;
+}
+
+.form-inline .chzn-container {
+  vertical-align: middle;
+}
+
diff --git a/deform_bootstrap/templates/chosen_multiple.pt b/deform_bootstrap/templates/chosen_multiple.pt
@@ -2,6 +2,7 @@
   <select name="${field.name}"
           id="${field.oid}"
           multiple="multiple"
+          class="i-can-haz-chzn-select"
           tal:attributes="size field.widget.size;
                           data-placeholder getattr(field.widget, 'placeholder', nothing)">
    <option tal:repeat="(value, description) field.widget.values"

diff --git a/deform_bootstrap/templates/chosen_single.pt b/deform_bootstrap/templates/chosen_single.pt
@@ -1,6 +1,7 @@
 <div i18n:domain="deform" tal:omit-tag="">
   <select name="${field.name}"
           id="${field.oid}"
+          class="i-can-haz-chzn-select"
           tal:attributes="size field.widget.size;
                           data-placeholder getattr(field.widget, 'placeholder', nothing)">
    <option tal:repeat="(value, description) field.widget.values"