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

Adding half row height to textarea wrapper

Browse Source
This commit is contained in:
rug
2026-02-16 10:25:20 +01:00
parent 177a6ea134
commit 8e44a84090
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
core/src/components/textarea/textarea.ionic.scss
View File

@@ -29,35 +29,39 @@
// Setting height to 0 allows it to collapse in height
// instead of growing above the min height by default.
.textarea-wrapper-inner {
height: 0;
// .textarea-wrapper-inner {
// height: 0;
// }
:host .native-wrapper::after {
@include globals.padding(0);
}
:host(.textarea-size-small) .textarea-wrapper-inner {
--padding-top: #{globals.$ion-space-200};
--padding-end: #{globals.$ion-space-300};
--padding-bottom: #{globals.$ion-space-200};
--padding-bottom: calc(#{globals.$ion-space-200} + 0.6em);
--padding-start: #{globals.$ion-space-300};
min-height: globals.$ion-scale-2800;
//min-height: globals.$ion-scale-2800;
}
:host(.textarea-size-medium) .textarea-wrapper-inner {
--padding-top: #{globals.$ion-space-300};
--padding-end: #{globals.$ion-space-400};
--padding-bottom: #{globals.$ion-space-300};
--padding-bottom: calc(#{globals.$ion-space-300} + 0.6em);
--padding-start: #{globals.$ion-space-400};
min-height: globals.$ion-scale-3400;
//min-height: globals.$ion-scale-3400;
}
:host(.textarea-size-large) .textarea-wrapper-inner {
--padding-top: #{globals.$ion-space-400};
--padding-end: #{globals.$ion-space-500};
--padding-bottom: #{globals.$ion-space-400};
--padding-bottom: calc(#{globals.$ion-space-400} + 0.6em);
--padding-start: #{globals.$ion-space-500};
min-height: globals.$ion-scale-3600;
//min-height: globals.$ion-scale-3600;
}
// Ionic Textarea Shapes