From c44aedee9716824349d5df20a62b10b8e51838a2 Mon Sep 17 00:00:00 2001 From: Christian Tu Date: Fri, 3 Jan 2025 18:09:33 +0100 Subject: [PATCH] fix: #17288 MultiSelect chip sizes --- .../src/multiselect/style/multiselectstyle.ts | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/packages/primeng/src/multiselect/style/multiselectstyle.ts b/packages/primeng/src/multiselect/style/multiselectstyle.ts index c3602f3cd57..5c9e2541bcc 100644 --- a/packages/primeng/src/multiselect/style/multiselectstyle.ts +++ b/packages/primeng/src/multiselect/style/multiselectstyle.ts @@ -207,6 +207,15 @@ p-multiselect.ng-invalid.ng-dirty .p-multiselect-label.p-placeholder { padding-inline: ${dt('multiselect.sm.padding.x')}; } +.p-multiselect-sm .p-multiselect-label .p-chip { + padding-top: calc(${dt('multiselect.sm.padding.y')} / 2); + padding-bottom: calc(${dt('multiselect.sm.padding.y')} / 2); +} + +.p-multiselect-sm .p-multiselect-label:has(.p-chip) { + padding: calc(${dt('multiselect.sm.padding.y')} / 2) calc(${dt('multiselect.sm.padding.x')} / 2); +} + .p-multiselect-sm .p-multiselect-dropdown .p-icon { font-size: ${dt('multiselect.sm.font.size')}; width: ${dt('multiselect.sm.font.size')}; @@ -219,6 +228,15 @@ p-multiselect.ng-invalid.ng-dirty .p-multiselect-label.p-placeholder { padding-inline: ${dt('multiselect.lg.padding.x')}; } +.p-multiselect-lg .p-multiselect-label .p-chip { + padding-top: calc(${dt('multiselect.lg.padding.y')} / 2); + padding-bottom: calc(${dt('multiselect.lg.padding.y')} / 2); +} + +.p-multiselect-lg .p-multiselect-label:has(.p-chip) { + padding: calc(${dt('multiselect.lg.padding.y')} / 2) calc(${dt('multiselect.lg.padding.x')} / 2); +} + .p-multiselect-lg .p-multiselect-dropdown .p-icon { font-size: ${dt('multiselect.lg.font.size')}; width: ${dt('multiselect.lg.font.size')};