library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2025-01-09 15:44:25 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #479

Browse Source
This commit is contained in:
Jeremy Thomas 2017-04-15 15:55:03 +01:00
parent 17de5fb78f
commit fe3f98b732
3 changed files with 1227 additions and 358 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -24,6 +24,7 @@
* Fix #571 control height * Fix #571 control height
* Fix #634 is-grouped control * Fix #634 is-grouped control
* Fix #676 checkbox/radio wrapping * Fix #676 checkbox/radio wrapping
* Feature #479 has-icons placement
## 0.4.0 ## 0.4.0

1558
docs/css/bulma-docs.css
View File

File diff suppressed because it is too large Load Diff

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

@ -41,9 +41,12 @@ doc-subtab: form
<div class="field"> <div class="field">
<label class="label">Username</label> <label class="label">Username</label>
<p class="control has-icon has-icon-right"> <p class="control has-icons-left has-icons-right">
<input class="input is-success" type="text" placeholder="Text input" value="bulma"> <input class="input is-success" type="text" placeholder="Text input" value="bulma">
<span class="icon is-small"> <span class="icon is-small is-left">
<i class="fa fa-user"></i>
</span>
<span class="icon is-small is-right">
<i class="fa fa-check"></i> <i class="fa fa-check"></i>
</span> </span>
</p> </p>
@ -52,9 +55,12 @@ doc-subtab: form
<div class="field"> <div class="field">
<label class="label">Email</label> <label class="label">Email</label>
<p class="control has-icon has-icon-right"> <p class="control has-icons-left has-icons-right">
<input class="input is-danger" type="text" placeholder="Email input" value="hello@"> <input class="input is-danger" type="text" placeholder="Email input" value="hello@">
<span class="icon is-small"> <span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
</span>
<span class="icon is-small is-right">
<i class="fa fa-warning"></i> <i class="fa fa-warning"></i>
</span> </span>
</p> </p>
@ -875,14 +881,20 @@ doc-subtab: form
</div> </div>
<div class="field-body"> <div class="field-body">
<div class="field is-grouped"> <div class="field is-grouped">
<p class="control is-expanded"> <p class="control is-expanded has-icons-left">
<input class="input" type="text" placeholder="Name"> <input class="input" type="text" placeholder="Name">
<span class="icon is-small is-left">
<i class="fa fa-user"></i>
</span>
</p> </p>
</div> </div>
<div class="field"> <div class="field">
<p class="control is-expanded has-icon has-icon-right"> <p class="control is-expanded has-icons-left has-icons-right">
<input class="input is-success" type="email" placeholder="Email" value="alex@smith.com"> <input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
<span class="icon is-small"> <span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
</span>
<span class="icon is-small is-right">
<i class="fa fa-check"></i> <i class="fa fa-check"></i>
</span> </span>
</p> </p>