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;
}
[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 {

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;
ion-input {
display: block;
ion-input.item {
align-items: flex-start;
}
.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 {
flex: 1;
background-color: $text-input-background-color;
pointer-events: none;
}
@ -41,6 +34,6 @@ ion-input.has-focus .text-input {
pointer-events: auto;
}
.item.input textarea {
ion-input textarea {
padding-top: 9px;
}