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

fix(label): text contents will repaint on change (#25395)

Browse Source
This commit is contained in:
Sean Perkins
2022-06-03 10:18:15 -04:00
committed by GitHub
parent 866d4528ad
commit 52ec74193b
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,7 +11,6 @@
line-height: $label-ios-text-wrap-line-height; line-height: $label-ios-text-wrap-line-height;
} }
// iOS Stacked & Floating Labels // iOS Stacked & Floating Labels
// -------------------------------------------------- // --------------------------------------------------
@ -23,14 +22,14 @@
:host(.label-floating) { :host(.label-floating) {
@include margin(null, null, 0, null); @include margin(null, null, 0, null);
@include transform(translate3d(0, 29px, 0)); @include transform(translate(0, 29px));
@include transform-origin(start, top); @include transform-origin(start, top);
transition: transform 150ms ease-in-out; transition: transform 150ms ease-in-out;
} }
:host-context(.item-textarea).label-floating { :host-context(.item-textarea).label-floating {
@include transform(translate3d(0, 28px, 0)); @include transform(translate(0, 28px));
} }
:host-context(.item-has-focus).label-stacked, :host-context(.item-has-focus).label-stacked,
@ -41,7 +40,7 @@
:host-context(.item-has-focus).label-floating, :host-context(.item-has-focus).label-floating,
:host-context(.item-has-placeholder:not(.item-input)).label-floating, :host-context(.item-has-placeholder:not(.item-input)).label-floating,
:host-context(.item-has-value).label-floating { :host-context(.item-has-value).label-floating {
@include transform(translate3d(0, 0, 0), scale(.82)); @include transform(scale(0.82));
} }
// iOS Typography // iOS Typography
@ -74,7 +73,12 @@
} }
::slotted(*) p { ::slotted(*) p {
@include margin($item-ios-paragraph-margin-top, $item-ios-paragraph-margin-end, $item-ios-paragraph-margin-bottom, $item-ios-paragraph-margin-start); @include margin(
$item-ios-paragraph-margin-top,
$item-ios-paragraph-margin-end,
$item-ios-paragraph-margin-bottom,
$item-ios-paragraph-margin-start
);
font-size: $item-ios-paragraph-font-size; font-size: $item-ios-paragraph-font-size;