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

fix(input): update input css/tests

Browse Source
This commit is contained in:
Adam Bradley
2016-01-25 22:46:18 -06:00
parent b3a7298a52
commit 42f6b1056f
39 changed files with 214 additions and 512 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ionic/components/input/input.scss
View File

@ -1,14 +1,25 @@
@import "../../globals.core";
// Input Wrapper
// Input/Textarea Wrapper
// --------------------------------------------------
ion-input {
ion-input,
ion-textarea {
display: block;
flex: 1;
}
// Textarea Within An Item
// --------------------------------------------------
.item.item-textarea {
align-items: stretch;
}
// Native Text Input
// --------------------------------------------------

2
ionic/components/input/test/fixed-inline-labels/index.ts
View File

@ -8,6 +8,6 @@ class E2EApp {
url;
constructor() {
this.url = 'hello';
this.input1 = 'Text 1';
}
}

12
ionic/components/input/test/fixed-inline-labels/main.html
View File

@ -9,12 +9,7 @@
<ion-item>
<ion-label fixed>To</ion-label>
<ion-input [(ngModel)]="url" type="url"></ion-input>
</ion-item>
<ion-item>
<ion-label fixed>Comments</ion-label>
<ion-textarea value="Comment value"></ion-textarea>
<ion-input [(ngModel)]="input1"></ion-input>
</ion-item>
<ion-item>
@ -30,6 +25,11 @@
</button>
</ion-item>
<ion-item>
<ion-label fixed>Comments</ion-label>
<ion-textarea value="Comment value"></ion-textarea>
</ion-item>
<ion-item>
<ion-icon name="globe" item-left></ion-icon>
<ion-label fixed>Website</ion-label>

3
ionic/components/input/test/inline-labels/main.html
View File

@ -90,9 +90,8 @@
<ion-item>
<ion-label>No List</ion-label>
<ion-input value="ListFreeeee">
<ion-input value="ListFreeeee"></ion-input>
</ion-item>
<ion-textarea></ion-textarea>
</form>

4
ionic/components/input/test/placeholder-labels/main.html
View File

@ -27,11 +27,11 @@
</ion-item>
<ion-item>
<ion-textarea placeholder="ion-textarea Placeholder"></ion-textarea>
<ion-textarea placeholder="Textarea Placeholder"></ion-textarea>
</ion-item>
<ion-item>
<ion-textarea placeholder="ion-textarea Placeholder">ion-textarea value</ion-textarea>
<ion-textarea placeholder="ion-textarea Placeholder" value="Textarea value"></ion-textarea>
</ion-item>
</ion-list>