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

Refactored AutoComplete styles

pull/5677/head
Cagatay Civici 2024-04-07 12:40:54 +03:00
parent 12e98446f6
commit 9b3f5b5398
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/lib/autocomplete/style/AutoCompleteStyle.js
View File

@ -42,11 +42,11 @@ const classes = {
} }
], ],
list: 'p-autocomplete-list', list: 'p-autocomplete-list',
itemGroup: 'p-autocomplete-item-group', itemGroup: 'p-autocomplete-option-group',
item: ({ instance, option, i, getItemOptions }) => [ item: ({ instance, option, i, getItemOptions }) => [
'p-autocomplete-item', 'p-autocomplete-option',
{ {
'p-autocomplete-item-selected': instance.isSelected(option), 'p-autocomplete-option-selected': instance.isSelected(option),
'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(i, getItemOptions), 'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(i, getItemOptions),
'p-disabled': instance.isOptionDisabled(option) 'p-disabled': instance.isOptionDisabled(option)
} }

14
components/lib/themes/primeone/base/autocomplete/index.js
View File

@ -86,7 +86,7 @@ export default {
padding: 0.25rem 0.25rem; padding: 0.25rem 0.25rem;
} }
.p-autocomplete-item { .p-autocomplete-option {
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
@ -100,30 +100,30 @@ export default {
border-radius: ${dt('rounded.sm')}; border-radius: ${dt('rounded.sm')};
} }
.p-autocomplete-item:first-child { .p-autocomplete-option:first-child {
margin-top: 0; margin-top: 0;
} }
.p-autocomplete-item:last-child { .p-autocomplete-option:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.p-autocomplete-item:not(.p-autocomplete-item-selected):not(.p-disabled).p-focus { .p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {
background: ${dt('autocomplete.item.focus.background')}; background: ${dt('autocomplete.item.focus.background')};
color: ${dt('autocomplete.item.focus.color')}; color: ${dt('autocomplete.item.focus.color')};
} }
.p-autocomplete-item-selected { .p-autocomplete-option-selected {
background: ${dt('autocomplete.item.selected.background')}; background: ${dt('autocomplete.item.selected.background')};
color: ${dt('autocomplete.item.selected.color')}; color: ${dt('autocomplete.item.selected.color')};
} }
.p-autocomplete-item-selected.p-focus { .p-autocomplete-option-selected.p-focus {
background: ${dt('autocomplete.item.selected.focus.background')}; background: ${dt('autocomplete.item.selected.focus.background')};
color: ${dt('autocomplete.item.selected.focus.color')}; color: ${dt('autocomplete.item.selected.focus.color')};
} }
.p-autocomplete-item-group { .p-autocomplete-option-group {
margin: 0; margin: 0;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
color: ${dt('autocomplete.item.group.color')}; color: ${dt('autocomplete.item.group.color')};