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

fix(label): using prop for position

Browse Source 
also fixes #14288
This commit is contained in:
Manu Mtz.-Almeida
2018-04-11 19:09:15 +02:00
committed by Manu MA
parent 641113f161
commit b1ee4b8e3a
22 changed files with 327 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
core/src/components/label/label.ios.scss
View File

@ -29,13 +29,13 @@
// iOS Stacked & Floating Labels
// --------------------------------------------------
.label-ios[stacked] {
.label-ios-stacked {
@include margin(null, null, 4px, null);
font-size: 12px;
}
.label-ios[floating] {
.label-ios-floating {
@include margin(null, null, 0, null);
@include transform(translate3d(0, 27px, 0));
@include transform-origin(start, top);
@ -43,13 +43,13 @@
transition: transform 150ms ease-in-out;
}
.item-input-has-focus .label-ios[floating],
.item-input-has-value .label-ios[floating] {
.item-input-has-focus .label-ios-floating,
.item-input-has-value .label-ios-floating {
@include transform(translate3d(0, 0, 0), scale(.8));
}
.item-input-has-focus .label-ios[stacked],
.item-input-has-focus .label-ios[floating] {
.item-input-has-focus .label-ios-stacked,
.item-input-has-focus .label-ios-floating {
color: $label-ios-text-color-focused;
}