diff --git a/ionic/components/form/label.scss b/ionic/components/form/label.scss index 2fb4b44b74..6f951f44da 100644 --- a/ionic/components/form/label.scss +++ b/ionic/components/form/label.scss @@ -6,6 +6,16 @@ $input-label-color: #444 !default; .input-label { + display: block; + max-width: 200px; + //width: 30%; + //min-width: 100px; + color: $input-label-color; + font-size: inherit; + white-space: nowrap; +} + +.fixed-inline-label { display: block; max-width: 200px; width: 30%; diff --git a/ionic/components/form/test/labelled-text-input/e2e.ts b/ionic/components/form/test/fixed-inline-labels/e2e.ts similarity index 100% rename from ionic/components/form/test/labelled-text-input/e2e.ts rename to ionic/components/form/test/fixed-inline-labels/e2e.ts diff --git a/ionic/components/form/test/labelled-text-input/index.ts b/ionic/components/form/test/fixed-inline-labels/index.ts similarity index 100% rename from ionic/components/form/test/labelled-text-input/index.ts rename to ionic/components/form/test/fixed-inline-labels/index.ts diff --git a/ionic/components/form/test/fixed-inline-labels/main.html b/ionic/components/form/test/fixed-inline-labels/main.html new file mode 100644 index 0000000000..311bf20166 --- /dev/null +++ b/ionic/components/form/test/fixed-inline-labels/main.html @@ -0,0 +1,71 @@ + +Fixed Inline Label Text Input + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ionic/components/form/test/placeholder-text-input/e2e.ts b/ionic/components/form/test/inline-labels/e2e.ts similarity index 100% rename from ionic/components/form/test/placeholder-text-input/e2e.ts rename to ionic/components/form/test/inline-labels/e2e.ts diff --git a/ionic/components/form/test/placeholder-text-input/index.ts b/ionic/components/form/test/inline-labels/index.ts similarity index 100% rename from ionic/components/form/test/placeholder-text-input/index.ts rename to ionic/components/form/test/inline-labels/index.ts diff --git a/ionic/components/form/test/labelled-text-input/main.html b/ionic/components/form/test/inline-labels/main.html similarity index 57% rename from ionic/components/form/test/labelled-text-input/main.html rename to ionic/components/form/test/inline-labels/main.html index ea34b30982..e23820259d 100644 --- a/ionic/components/form/test/labelled-text-input/main.html +++ b/ionic/components/form/test/inline-labels/main.html @@ -1,5 +1,5 @@ -Labelled Text Input +Inline Label Text Input @@ -7,78 +7,65 @@ - + - + - + - + - + - + - + - + - + - + - + - + - - - - - - - - - - - - -Footer diff --git a/ionic/components/form/test/stacked-labelled-text-input/e2e.ts b/ionic/components/form/test/placeholder-labels/e2e.ts similarity index 100% rename from ionic/components/form/test/stacked-labelled-text-input/e2e.ts rename to ionic/components/form/test/placeholder-labels/e2e.ts diff --git a/ionic/components/form/test/stacked-labelled-text-input/index.ts b/ionic/components/form/test/placeholder-labels/index.ts similarity index 100% rename from ionic/components/form/test/stacked-labelled-text-input/index.ts rename to ionic/components/form/test/placeholder-labels/index.ts diff --git a/ionic/components/form/test/placeholder-text-input/main.html b/ionic/components/form/test/placeholder-labels/main.html similarity index 90% rename from ionic/components/form/test/placeholder-text-input/main.html rename to ionic/components/form/test/placeholder-labels/main.html index ec99eab2b9..b748ea7ad4 100644 --- a/ionic/components/form/test/placeholder-text-input/main.html +++ b/ionic/components/form/test/placeholder-labels/main.html @@ -1,5 +1,5 @@ -Placeholder Text Input +Placeholder Label Text Input diff --git a/ionic/components/form/test/stacked-labels/e2e.ts b/ionic/components/form/test/stacked-labels/e2e.ts new file mode 100644 index 0000000000..8b13789179 --- /dev/null +++ b/ionic/components/form/test/stacked-labels/e2e.ts @@ -0,0 +1 @@ + diff --git a/ionic/components/form/test/stacked-labels/index.ts b/ionic/components/form/test/stacked-labels/index.ts new file mode 100644 index 0000000000..2dac2b7a35 --- /dev/null +++ b/ionic/components/form/test/stacked-labels/index.ts @@ -0,0 +1,7 @@ +import {App} from 'ionic/ionic'; + + +@App({ + templateUrl: 'main.html' +}) +class IonicApp {} diff --git a/ionic/components/form/test/stacked-labelled-text-input/main.html b/ionic/components/form/test/stacked-labels/main.html similarity index 95% rename from ionic/components/form/test/stacked-labelled-text-input/main.html rename to ionic/components/form/test/stacked-labels/main.html index 9ad38957a8..d9a2a3adff 100644 --- a/ionic/components/form/test/stacked-labelled-text-input/main.html +++ b/ionic/components/form/test/stacked-labels/main.html @@ -1,5 +1,5 @@ -Stack Labelled Text Input +Stacked Label Text Input diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss index a95e5cb77b..3683f65d9b 100644 --- a/ionic/components/item/item.scss +++ b/ionic/components/item/item.scss @@ -72,7 +72,8 @@ button.item.item { .item-media + .item-content, .item-content + .item-media, .item-content + .item-content, - icon + .input { + icon + .input, + .input-label + .input { margin-left: 0; } @@ -145,7 +146,8 @@ button.item.item { } -.vertical-align-top { +.vertical-align-top, +.item.item-input { align-items: flex-start; }