octicon-mirror(24/)
javascript/ionic-framework
octicon-rss(16/)
1
0
octicon-repo-forked(16/)Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 22:44:13 +08:00
octicon-code(16/) Code octicon-issue-opened(16/) Issues octicon-package(16/) Packages octicon-project(16/) Projects octicon-tag(16/) Releases octicon-book(16/) Wiki octicon-pulse(16/) Activity

fix(many): add correct scale to stacked labels (#28163)

Browse Source
This commit is contained in:
octicon-git-branch(16/)
octicon-tag(16/)
Liam DeBeasi
2023-09-13 13:46:02 -04:00
committed by GitHub
gitea-unlock(16/)
parent 53203dbfd5
commit 8cb878669e
octicon-diff(16/tw-mr-1) 154 changed files with 145 additions and 31 deletions
gitea-whitespace(16/)
gitea-split(16/)
octicon-kebab-horizontal(16/)
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/textarea/textarea.scss
View File

@@ -693,11 +693,11 @@
:host(.textarea-label-placement-stacked) .label-text-wrapper,
:host(.has-focus.textarea-label-placement-floating) .label-text-wrapper,
:host(.has-value.textarea-label-placement-floating) .label-text-wrapper {
@include transform(translateY(50%), scale(#{$textarea-floating-label-scale}));
@include transform(translateY(50%), scale(#{$form-control-label-stacked-scale}));
/**
* Label text should not extend
* beyond the bounds of the textarea.
*/
max-width: calc(100% / #{$textarea-floating-label-scale});
max-width: calc(100% / #{$form-control-label-stacked-scale});
}