javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

placeholder inputs

Browse Source
This commit is contained in:
Adam Bradley
2015-07-27 16:47:53 -05:00
parent a9546d03b1
commit a82532eb6b
4 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ionic/components/form/test/placeholder-text-input/main.html
View File

@ -11,7 +11,17 @@
</ion-input> </ion-input>
<ion-input> <ion-input>
<input placeholder="Text Input Placeholder" value="Text input value" type="text"> <input placeholder="Text Input Placeholder" value="Text Input Value" type="text">
</ion-input>
<ion-input>
<icon name="ion-ios-telephone"></icon>
<input placeholder="Text Input Placeholder" type="text">
</ion-input>
<ion-input>
<icon name="ion-android-call"></icon>
<input placeholder="Text Input Placeholder" value="Text Input Value" type="text">
</ion-input> </ion-input>
<ion-input> <ion-input>

13
ionic/components/item/extensions/ios.scss
View File

@ -43,7 +43,6 @@ $item-ios-note-color: #999 !default;
} }
} }
.text-input,
.input-label, .input-label,
.item-content, .item-content,
.item-note { .item-note {
@ -54,6 +53,11 @@ $item-ios-note-color: #999 !default;
margin: $item-ios-padding-media-top $item-ios-padding-right $item-ios-padding-media-bottom $item-ios-padding-left; margin: $item-ios-padding-media-top $item-ios-padding-right $item-ios-padding-media-bottom $item-ios-padding-left;
} }
.text-input {
margin: $item-ios-padding-top $item-ios-padding-right $item-ios-padding-bottom $item-ios-padding-left;
padding: 0;
}
.item-note { .item-note {
color: $item-ios-note-color; color: $item-ios-note-color;
} }
@ -90,13 +94,6 @@ $item-ios-note-color: #999 !default;
max-height: $item-ios-thumbnail-size; max-height: $item-ios-thumbnail-size;
} }
.item-input {
&:before,
&:after {
left: 0;
}
}
} }

3
ionic/components/item/item.scss
View File

@ -71,7 +71,8 @@ button.item.item {
.item-content + icon, .item-content + icon,
.item-media + .item-content, .item-media + .item-content,
.item-content + .item-media, .item-content + .item-media,
.item-content + .item-content { .item-content + .item-content,
icon + .input {
margin-left: 0; margin-left: 0;
} }

2
ionic/util/mixins.scss
View File

@ -38,7 +38,7 @@
// Input Placeholder // Input Placeholder
// -------------------------------------------------- // --------------------------------------------------
@mixin placeholder($color: #aaaaaa, $text-indent: 0) { @mixin placeholder($color: #999, $text-indent: 0) {
&::-moz-placeholder { // Firefox 19+ &::-moz-placeholder { // Firefox 19+
color: $color; color: $color;
} }