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

fix(input): min height is set on host (#26495)

Browse Source
This commit is contained in:
Liam DeBeasi
2022-12-16 13:43:59 -05:00
committed by GitHub
parent bd4027b0fa
commit 0cd6e918e8
3 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/input/input.ios.scss
View File

@ -31,7 +31,7 @@
// Input Wrapper
// ----------------------------------------------------------------
.input-wrapper {
:host(:not(.legacy-input)) {
min-height: 44px;
}
@ -40,7 +40,7 @@
* the component needs to be taller otherwise the
* label will appear too close to the input text.
*/
:host(.input-label-placement-floating) .input-wrapper,
:host(.input-label-placement-stacked) .input-wrapper {
:host(.input-label-placement-floating),
:host(.input-label-placement-stacked) {
min-height: 56px;
}

2
core/src/components/input/input.md.scss
View File

@ -62,7 +62,7 @@
// Input Wrapper
// ----------------------------------------------------------------
.input-wrapper {
:host(:not(.legacy-input)) {
min-height: 56px;
}

2
core/src/components/input/input.scss
View File

@ -287,6 +287,8 @@
height: 100%;
min-height: inherit;
transition: background-color 15ms linear;
background: var(--background);