library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-10-17 09:04:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #458

Browse Source
This commit is contained in:
Jeremy Thomas 2017-04-02 17:37:22 +01:00
parent 25baedb8f3
commit 391d373d30
2 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -17,6 +17,7 @@
* Fix #581 nav container * Fix #581 nav container
* Fix #512 nav grouped buttons * Fix #512 nav grouped buttons
* Fix #605 container example * Fix #605 container example
* Fix #458 select expanded
## 0.4.0 ## 0.4.0

36
docs/documentation/elements/form.html
View File

@ -646,6 +646,42 @@ doc-subtab: form
{% highlight html %} {% highlight html %}
{{addons_expanded_example}} {{addons_expanded_example}}
{% endhighlight %} {% endhighlight %}
<div class="content">
<p>If you want a full width select dropdown, pair <code>control is-expanded</code> with <code>select is-fullwidth</code>.</p>
</div>
{% capture addons_expanded_fullwidth_example %}
<div class="field has-addons">
<p class="control is-expanded">
<span class="select is-fullwidth">
<select name="country">
<option value="Argentina">Argentina</option>
<option value="Bolivia">Bolivia</option>
<option value="Brazil">Brazil</option>
<option value="Chile">Chile</option>
<option value="Colombia">Colombia</option>
<option value="Ecuador">Ecuador</option>
<option value="Guyana">Guyana</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Suriname">Suriname</option>
<option value="Uruguay">Uruguay</option>
<option value="Venezuela">Venezuela</option>
</select>
</span>
</p>
<p class="control">
<button type="submit" class="button is-primary">Choose</button>
</p>
</div>
{% endcapture %}
<div class="example">
{{addons_expanded_fullwidth_example}}
</div>
{% highlight html %}
{{addons_expanded_fullwidth_example}}
{% endhighlight %}
<div class="content"> <div class="content">
<p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p> <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
</div> </div>