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

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

Browse Source
This commit is contained in:
Liam DeBeasi
2023-09-13 13:46:02 -04:00
committed by GitHub
parent 53203dbfd5
commit 8cb878669e
154 changed files with 145 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
core/src/components/checkbox/checkbox.scss
View File

@ -278,12 +278,28 @@ input {
}
:host(.checkbox-label-placement-stacked) .label-text-wrapper {
@include transform(scale(#{$form-control-label-stacked-scale}));
/**
* The margin between the label and
* the checkbox should be on the bottom
* when the label sits at the top.
*/
@include margin(null, 0, $form-control-label-margin, 0);
/**
* Label text should not extend
* beyond the bounds of the checkbox.
*/
max-width: calc(100% / #{$form-control-label-stacked-scale});
}
:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper {
@include transform-origin(start, top);
}
:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper {
@include transform-origin(center, top);
}
// Checked / Indeterminate Checkbox