1
0
mirror of https://github.com/bigchaindb/site.git synced 2025-02-14 21:10:28 +01:00

proper select2 defaults, manual top 5 countries

This commit is contained in:
Matthias Kretschmann 2017-04-24 16:50:55 +02:00
parent f9af1e4259
commit 49ace24131
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
3 changed files with 27 additions and 16 deletions

View File

@ -47,11 +47,11 @@ var Forms = (function(w, d, $) {
} }
}, },
initSelect: function(el) { initSelect: function(el) {
_config.form.find('select').select2({ $.fn.select2.defaults.set('minimumResultsForSearch', '15')
minimumResultsForSearch: 15, $.fn.select2.defaults.set('theme', 'bigchaindb')
theme: 'bigchaindb', $.fn.select2.defaults.set('placeholder', '\xa0') // that's  
placeholder: '\xa0' // that's  
}); _config.form.find('select').select2();
} }
} }

View File

@ -79,6 +79,7 @@
&[role=group] { &[role=group] {
padding: 0; padding: 0;
border-bottom: 2px dashed $gray;
} }
&[aria-disabled=true] { &[aria-disabled=true] {
@ -89,13 +90,18 @@
background-color: transparent; background-color: transparent;
} }
.select2-results__group {
padding: 6px;
padding-bottom: 0;
cursor: default;
display: block;
&:empty { display: none; }
}
.select2-results__option { .select2-results__option {
padding-left: $spacer; padding-left: $spacer;
.select2-results__group {
padding-left: 0;
}
.select2-results__option { .select2-results__option {
margin-left: -$spacer; margin-left: -$spacer;
padding-left: $spacer * 2; padding-left: $spacer * 2;
@ -127,10 +133,4 @@
background-color: $component-active-bg; background-color: $component-active-bg;
color: $component-active-color; color: $component-active-color;
} }
.select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
} }

View File

@ -29,8 +29,19 @@
<p class="form-group"> <p class="form-group">
<select class="form-control" id="country" name="country" required data-required="true"> <select class="form-control" id="country" name="country" required data-required="true">
<option value="">&nbsp;</option> <option value="">&nbsp;</option>
<optgroup label="">
<option value="US">United States</option>
<option value="DE">Germany</option>
<option value="IN">India</option>
<option value="GB">United Kingdom</option>
<option value="CN">China</option>
</optgroup>
<option value="">&nbsp;</option>
{% for country in site.data.countries %} {% for country in site.data.countries %}
<option value="{{ country.cca2 }}">{{ country.name.common }}</option> {% unless country.cca2 == 'DE' or country.cca2 == 'US' or country.cca2 == 'IN' or country.cca2 == 'GB' or country.cca2 == 'CN' %}
<option value="{{ country.cca2 }}">{{ country.name.common }}</option>
{% endunless %}
{% endfor %} {% endfor %}
</select> </select>
<label class="form-label" for="country">Country</label> <label class="form-label" for="country">Country</label>