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

add comments, extra space cleanup

Browse Source
This commit is contained in:
amandaesmith3
2024-03-18 13:17:02 -05:00
parent cd1213ef04
commit 819d48edee
4 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,7 +23,7 @@
// Native Text Input
// --------------------------------------------------
:host(.input-label-placement-floating:not(.input-fill-outline)) .native-input,
:host(.input-label-placement-floating:not(.input-fill-outline)) .native-input,
:host(.input-label-placement-stacked:not(.input-fill-outline)) .native-input {
padding-top: 1em;
}
@ -76,7 +76,7 @@
// Input Highlight
// ----------------------------------------------------------------
.input-highlight {
.input-highlight {
@include position(null, null, -1px, 0);
position: absolute;

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

@ -678,6 +678,8 @@ export class Input implements ComponentInterface {
labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus));
const startSlotEl = el.querySelector('[slot="start"]');
// 16px is the margin after the start slot content, which we also need to account for.
const startSlotWidth = startSlotEl ? startSlotEl.clientWidth + 16 : 0;
return (

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

@ -89,7 +89,7 @@
* so it is not cut off by the
* the item's line (if one is present).
*/
:host(.in-item) .textarea-highlight {
:host(.in-item) .textarea-highlight {
@include position(null, null, 0, 0);
}

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

@ -630,6 +630,11 @@
:host(.textarea-label-placement-stacked) ::slotted([slot="end"]),
:host(.textarea-label-placement-floating) ::slotted([slot="start"]),
:host(.textarea-label-placement-floating) ::slotted([slot="end"]) {
/**
* 1em accounts for the padding applied to the native textarea.
* This value may need adjusting to get everything lined up
* in all conditions.
*/
margin-top: calc(1em + 8px);
}