Skip to content

Commit

Permalink
feature(.no-resize): Utility css to remove textarea resizer
Browse files Browse the repository at this point in the history
  • Loading branch information
adamdbradley committed May 1, 2014
1 parent a7c8508 commit 517658e
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 5 deletions.
4 changes: 4 additions & 0 deletions scss/_util.scss
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,10 @@
-ms-content-zooming: none;
}

.no-resize {
resize: none;
}

.block {
display: block;
clear: both;
Expand Down
10 changes: 5 additions & 5 deletions test/css/input-textarea.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ <h1 class="title">Textarea</h1>
<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>
Expand All @@ -29,7 +29,7 @@ <h3>Default Textarea, list-inset, No Content Padding</h3>
<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>

Expand Down Expand Up @@ -209,7 +209,7 @@ <h3>Default Textarea, list-inset, No Parent Content Padding</h3>
<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="[email protected]"></textarea>
</label>
Expand All @@ -220,7 +220,7 @@ <h3>Stacked Label On Top Of Textarea, No Parent Content Padding</h3>
<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>
Expand All @@ -229,7 +229,7 @@ <h3>Stacked Label On Top Of Textarea, With Parent Content Padding</h3>
<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>
Expand Down

0 comments on commit 517658e

Please sign in to comment.