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

feature(.no-resize): Utility css to remove textarea resizer

Browse Source
This commit is contained in:
Adam Bradley
2014-04-30 22:24:57 -05:00
parent a7c8508b66
commit 517658eb2c
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_util.scss
View File

@@ -63,6 +63,10 @@
-ms-content-zooming: none;
}
.no-resize {
resize: none;
}
.block {
display: block;
clear: both;

10
test/css/input-textarea.html
View File

@@ -16,7 +16,7 @@
<h3>Default Textarea, Not Inset, No Content Padding</h3>
<div class="list">
<label class="item item-input">
<textarea placeholder="First Name"></textarea>
<textarea placeholder="First Name" class="no-resize"></textarea>
</label>
<label class="item item-input">
<textarea placeholder="Last Name"></textarea>
@@ -29,7 +29,7 @@
<textarea placeholder="First Name"></textarea>
</label>
<label class="item item-input">
<textarea placeholder="Last Name"></textarea>
<textarea placeholder="Last Name" class="no-resize"></textarea>
</label>
</div>
@@ -209,7 +209,7 @@
<h3>Stacked Label On Top Of Textarea, No Parent Content Padding</h3>
<div class="list">
<label class="item item-input item-stacked-label">
<i class="icon ion-email"></i>
<i class="icon ion-email"></i>
<span class="input-label">Email</span>
<textarea placeholder="your@email.com"></textarea>
</label>
@@ -220,7 +220,7 @@
<h3>Stacked Label On Top Of Textarea, With Parent Content Padding</h3>
<div class="list">
<label class="item item-input item-stacked-label">
<i class="icon ion-cloud"></i>
<i class="icon ion-cloud"></i>
<span class="input-label">SaaS</span>
<textarea placeholder="Codiqa"></textarea>
</label>
@@ -229,7 +229,7 @@
<h3>Stacked Label On Top Of Textarea, list-inset, With Parent Content Padding</h3>
<div class="list list-inset">
<label class="item item-input item-stacked-label">
<i class="icon ion-headphone"></i>
<i class="icon ion-headphone"></i>
<span class="input-label">Favorite Music</span>
<textarea placeholder="Bee Gees"></textarea>
</label>