Skip to content

Instantly share code, notes, and snippets.

@diewland
Last active February 20, 2017 09:08
Show Gist options
  • Save diewland/05ce4c0e9bfba43bac381991d132110a to your computer and use it in GitHub Desktop.
Save diewland/05ce4c0e9bfba43bac381991d132110a to your computer and use it in GitHub Desktop.
Fixed some elements css of bulma.io
/*
--- combobox with icon ---
<div class="control has-icon">
<div class="select is-fullwidth">
<select name='my_cbb'>
<option value='1'>value 1</option>
<option value='2'>value 2</option>
<option value='3'>value 3</option>
</select>
</div>
<i class="fa fa-users"></i>
</div>
*/
.control.has-icon .select select {
padding-left: 31px;
}
/*
--- horizontal radio with textbox ---
<div class="control is-horizontal">
<div class="control-label">
<label class="label">Radio with options</label>
</div>
<div class="control">
<label class="radio">
<input type="radio" name="question">
Apple
</label>
<label class="radio">
<input type="radio" name="question">
Banana
</label>
<label class="radio">
<input type="radio" name="question">
Other <input type='text' />
</label>
</div>
</div>
*/
.is-horizontal.control .control-label .radio {
line-height: 12px;
}
.is-horizontal.control .control .radio {
line-height: 27px;
}
/*
--- under has-addons class, combobox does not expand ---
*/
.control.has-addons .select.is-expanded select {
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment