From 881214ff007c9779007cc7cd19aa41ba0a89b78c Mon Sep 17 00:00:00 2001 From: KumJungMin Date: Sat, 23 Nov 2024 21:49:23 +0900 Subject: [PATCH 1/2] style: update icon style for autocomplete --- theme-base/components/input/_inputicon.scss | 6 ++++-- theme-base/components/input/_inputtext.scss | 4 ++++ 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/theme-base/components/input/_inputicon.scss b/theme-base/components/input/_inputicon.scss index 88aa70a..ce403b4 100644 --- a/theme-base/components/input/_inputicon.scss +++ b/theme-base/components/input/_inputicon.scss @@ -4,12 +4,14 @@ width: 100%; } -.p-icon-field-left > .p-input-icon:first-of-type { +.p-icon-field-left > .p-input-icon { left: nth($inputPadding, 2); color: $inputIconColor; + z-index: 1; } -.p-icon-field-right > .p-input-icon:last-of-type { +.p-icon-field-right > .p-input-icon { right: nth($inputPadding, 2); color: $inputIconColor; + z-index: 1; } \ No newline at end of file diff --git a/theme-base/components/input/_inputtext.scss b/theme-base/components/input/_inputtext.scss index 44b442b..a2dc531 100644 --- a/theme-base/components/input/_inputtext.scss +++ b/theme-base/components/input/_inputtext.scss @@ -60,6 +60,10 @@ padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize; } +.p-icon-field-left > .p-autocomplete .p-inputtext { + padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize; +} + .p-icon-field-left.p-float-label > label { left: nth($inputPadding, 2) * 2 + $primeIconFontSize; } From cd522afb1865669916f545bf62cc7b4f658af987 Mon Sep 17 00:00:00 2001 From: KumJungMin Date: Sat, 23 Nov 2024 22:32:57 +0900 Subject: [PATCH 2/2] style: add icon-field-right padding for autocomplete --- theme-base/components/input/_inputtext.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/theme-base/components/input/_inputtext.scss b/theme-base/components/input/_inputtext.scss index a2dc531..14b0c98 100644 --- a/theme-base/components/input/_inputtext.scss +++ b/theme-base/components/input/_inputtext.scss @@ -72,6 +72,10 @@ padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; } +.p-icon-field-right > .p-autocomplete .p-inputtext { + padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; +} + @include placeholder { color: $inputPlaceholderTextColor; }