javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +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>
<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>

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

@ -43,7 +43,6 @@ $item-ios-note-color: #999 !default;
}
}
.text-input,
.input-label,
.item-content,
.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;
}
.text-input {
margin: $item-ios-padding-top $item-ios-padding-right $item-ios-padding-bottom $item-ios-padding-left;
padding: 0;
}
.item-note {
color: $item-ios-note-color;
}
@ -90,13 +94,6 @@ $item-ios-note-color: #999 !default;
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-media + .item-content,
.item-content + .item-media,
.item-content + .item-content {
.item-content + .item-content,
icon + .input {
margin-left: 0;
}

2
ionic/util/mixins.scss
View File

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