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

md stacked labels

Browse Source
This commit is contained in:
Adam Bradley
2015-09-04 11:38:08 -05:00
parent feec7cb387
commit 8f8ac80da4
2 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ionic/components/text-input/modes/material.scss
View File

@ -38,6 +38,19 @@ ion-card[mode=md] {
border-top-color: $text-input-highlight-color !important; border-top-color: $text-input-highlight-color !important;
} }
[stacked-label] ion-label {
font-size: 1.2rem;
margin-bottom: 0;
}
[stacked-label].has-focus ion-label {
color: $text-input-highlight-color;
}
[stacked-label] .text-input {
margin-bottom: 8px;
margin-top: 8px;
}
} }
.list[mode=md][inset] ion-input.item { .list[mode=md][inset] ion-input.item {

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

@ -8,8 +8,8 @@ $input-focus-box-shadow: inset 0px 0px 8px 0px $input-focus-border-color
$text-input-background-color: $list-background-color !default; $text-input-background-color: $list-background-color !default;
ion-input { ion-input.item {
display: block; align-items: flex-start;
} }
.key-input ion-input { .key-input ion-input {
@ -24,15 +24,8 @@ ion-input {
} }
} }
.item.input {
align-items: flex-start;
}
.item.input .text-input {
flex: 1;
}
ion-input .text-input { ion-input .text-input {
flex: 1;
background-color: $text-input-background-color; background-color: $text-input-background-color;
pointer-events: none; pointer-events: none;
} }
@ -41,6 +34,6 @@ ion-input.has-focus .text-input {
pointer-events: auto; pointer-events: auto;
} }
.item.input textarea { ion-input textarea {
padding-top: 9px; padding-top: 9px;
} }