javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(select): prevent ion-item text from overlapping select input. Closes #1735

Browse Source
This commit is contained in:
Perry Govier
2014-07-08 11:06:46 -05:00
parent 7388418661
commit a56e647ba2
2 changed files with 190 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
test/css/input-select.html
View File

@@ -81,7 +81,117 @@
<option>Yavin</option>
</select>
</div>
<div class="item item-input item-select">
<div class="input-label">
Jedi - For over a thousand generations, the Jedi Knights were the guardians of peace and justice in the Old Republic.
</div>
<select>
<option>Yoda</option>
<option>Obi-Wan Kenobi</option>
<option>Qui-Gon Jinn</option>
<option>Mace Windu</option>
<option>Luke Skywalker</option>
</select>
</div>
<div class="item item-input item-select item-light">
<div class="input-label">
Sith - Those who have twisted the force to their malevolent purposes
</div>
<select>
<option>Emperor Palpatine</option>
<option>Darth Vader</option>
<option>Count Dooku</option>
<option>Darth Maul</option>
</select>
</div>
<div class="item item-input item-select item-stable">
<div class="input-label">
Sith - Those who have twisted the force to their malevolent purposes
</div>
<select>
<option>Emperor Palpatine</option>
<option>Darth Vader</option>
<option>Count Dooku</option>
<option>Darth Maul</option>
</select>
</div>
<div class="item item-input item-select item-positive">
<div class="input-label">
Sith - Those who have twisted the force to their malevolent purposes
</div>
<select>
<option>Emperor Palpatine</option>
<option>Darth Vader</option>
<option>Count Dooku</option>
<option>Darth Maul</option>
</select>
</div>
<div class="item item-input item-select item-calm">
<div class="input-label">
Sith - Those who have twisted the force to their malevolent purposes
</div>
<select>
<option>Emperor Palpatine</option>
<option>Darth Vader</option>
<option>Count Dooku</option>
<option>Darth Maul</option>
</select>
</div>
<div class="item item-input item-select item-assertive">
<div class="input-label">
Sith - Those who have twisted the force to their malevolent purposes
</div>
<select>
<option>Emperor Palpatine</option>
<option>Darth Vader</option>
<option>Count Dooku</option>
<option>Darth Maul</option>
</select>
</div>
<div class="item item-input item-select item-balanced">
<div class="input-label">
Sith - Those who have twisted the force to their malevolent purposes
</div>
<select>
<option>Emperor Palpatine</option>
<option>Darth Vader</option>
<option>Count Dooku</option>
<option>Darth Maul</option>
</select>
</div>
<div class="item item-input item-select item-energized">
<div class="input-label">
Sith - Those who have twisted the force to their malevolent purposes
</div>
<select>
<option>Emperor Palpatine</option>
<option>Darth Vader</option>
<option>Count Dooku</option>
<option>Darth Maul</option>
</select>
</div>
<div class="item item-input item-select item-royal">
<div class="input-label">
Sith - Those who have twisted the force to their malevolent purposes
</div>
<select>
<option>Emperor Palpatine</option>
<option>Darth Vader</option>
<option>Count Dooku</option>
<option>Darth Maul</option>
</select>
</div>
<div class="item item-input item-select item-dark">
<div class="input-label">
Sith - Those who have twisted the force to their malevolent purposes
</div>
<select>
<option>Emperor Palpatine</option>
<option>Darth Vader</option>
<option>Count Dooku</option>
<option>Darth Maul</option>
</select>
</div>
</div>
</main>