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