vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #5681 - MultiSelect

pull/5701/head
tugcekucukoglu 2024-05-06 10:13:43 +03:00
parent 4c656df1a0
commit 9dc09e2810
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/lib/multiselect/style/MultiSelectStyle.js
View File

@ -76,7 +76,7 @@ const theme = ({ dt }) => `
color: ${dt('multiselect.disabled.color')}; color: ${dt('multiselect.disabled.color')};
} }
.p-inputlistContainer-filled.p-multiselect.p-multiselect-display-chip .p-multiselect-label { .p-inputwrapper-filled.p-multiselect.p-multiselect-display-chip .p-multiselect-label {
padding: 0.25rem 0.25rem; padding: 0.25rem 0.25rem;
} }
@ -209,15 +209,15 @@ const inlineStyles = {
const classes = { const classes = {
root: ({ instance, props }) => [ root: ({ instance, props }) => [
'p-multiselect p-component p-inputlistContainer', 'p-multiselect p-component p-inputwrapper',
{ {
'p-multiselect-display-chip': props.display === 'chip', 'p-multiselect-display-chip': props.display === 'chip',
'p-disabled': props.disabled, 'p-disabled': props.disabled,
'p-invalid': props.invalid, 'p-invalid': props.invalid,
'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled', 'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled',
'p-focus': instance.focused, 'p-focus': instance.focused,
'p-inputlistContainer-filled': props.modelValue && props.modelValue.length, 'p-inputwrapper-filled': props.modelValue && props.modelValue.length,
'p-inputlistContainer-focus': instance.focused || instance.overlayVisible, 'p-inputwrapper-focus': instance.focused || instance.overlayVisible,
'p-multiselect-open': instance.overlayVisible 'p-multiselect-open': instance.overlayVisible
} }
], ],