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

Refactor #6636 - For MultiSelect

pull/6620/head^2
tugcekucukoglu 2024-10-24 17:27:49 +03:00
parent bcbb0041b1
commit 3e81b842f8
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/primevue/src/multiselect/style/MultiSelectStyle.js
View File

@ -56,8 +56,8 @@ const theme = ({ dt }) => `
background: transparent; background: transparent;
color: ${dt('multiselect.dropdown.color')}; color: ${dt('multiselect.dropdown.color')};
width: ${dt('multiselect.dropdown.width')}; width: ${dt('multiselect.dropdown.width')};
border-top-right-radius: ${dt('multiselect.border.radius')}; border-start-end-radius: ${dt('multiselect.border.radius')};
border-bottom-right-radius: ${dt('multiselect.border.radius')}; border-end-end-radius: ${dt('multiselect.border.radius')};
} }
.p-multiselect-label-container { .p-multiselect-label-container {
@ -68,7 +68,7 @@ const theme = ({ dt }) => `
.p-multiselect-label { .p-multiselect-label {
display: flex; display: flex;
align-items-center; align-items: center;
gap: calc(${dt('multiselect.padding.y')} / 2); gap: calc(${dt('multiselect.padding.y')} / 2);
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
@ -113,7 +113,7 @@ const theme = ({ dt }) => `
} }
.p-multiselect-header .p-checkbox { .p-multiselect-header .p-checkbox {
margin-right: ${dt('multiselect.option.gap')}; margin-inline-end: ${dt('multiselect.option.gap')};
} }
.p-multiselect-filter-container { .p-multiselect-filter-container {
@ -135,7 +135,7 @@ const theme = ({ dt }) => `
padding: ${dt('multiselect.list.padding')}; padding: ${dt('multiselect.list.padding')};
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: ${dt('multiselect.list.gap')} gap: ${dt('multiselect.list.gap')};
} }
.p-multiselect-option { .p-multiselect-option {
@ -154,7 +154,7 @@ const theme = ({ dt }) => `
transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}, outline-color ${dt( transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}, outline-color ${dt(
'multiselect.transition.duration' 'multiselect.transition.duration'
)}; )};
border-radius: ${dt('multiselect.option.border.radius')} border-radius: ${dt('multiselect.option.border.radius')};
} }
.p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus { .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus {
@ -186,8 +186,8 @@ const theme = ({ dt }) => `
} }
.p-multiselect-label .p-chip { .p-multiselect-label .p-chip {
padding-top: calc(${dt('multiselect.padding.y')} / 2); padding-block-start: calc(${dt('multiselect.padding.y')} / 2);
padding-bottom: calc(${dt('multiselect.padding.y')} / 2); padding-block-end: calc(${dt('multiselect.padding.y')} / 2);
border-radius: ${dt('multiselect.chip.border.radius')}; border-radius: ${dt('multiselect.chip.border.radius')};
} }