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

AutoComplete RTL

pull/6634/head
tugcekucukoglu 2024-10-21 10:46:28 +03:00
parent 1e600dc660
commit 1df2d306a6
1 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/primevue/src/autocomplete/style/AutoCompleteStyle.js
View File

@ -10,11 +10,11 @@ const theme = ({ dt }) => `
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -0.5rem; margin-top: -0.5rem;
right: ${dt('autocomplete.padding.x')}; inset-inline-end: ${dt('autocomplete.padding.x')};
} }
.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader { .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader {
right: calc(${dt('autocomplete.dropdown.width')} + ${dt('autocomplete.padding.x')}); inset-inline-end: calc(${dt('autocomplete.dropdown.width')} + ${dt('autocomplete.padding.x')});
} }
.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input { .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input {
@ -24,25 +24,24 @@ const theme = ({ dt }) => `
.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input, .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input,
.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple { .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {
border-top-right-radius: 0; border-start-end-radius: 0;
border-bottom-right-radius: 0; border-end-end-radius: 0;
} }
.p-autocomplete-dropdown { .p-autocomplete-dropdown {
cursor: pointer; cursor: pointer;
display: inline-flex; display: inline-flex;
cursor: pointer;
user-select: none; user-select: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
width: ${dt('autocomplete.dropdown.width')}; width: ${dt('autocomplete.dropdown.width')};
border-top-right-radius: ${dt('autocomplete.dropdown.border.radius')}; border-start-end-radius: ${dt('autocomplete.dropdown.border.radius')};
border-bottom-right-radius: ${dt('autocomplete.dropdown.border.radius')}; border-end-end-radius: ${dt('autocomplete.dropdown.border.radius')};
background: ${dt('autocomplete.dropdown.background')}; background: ${dt('autocomplete.dropdown.background')};
border: 1px solid ${dt('autocomplete.dropdown.border.color')}; border: 1px solid ${dt('autocomplete.dropdown.border.color')};
border-left: 0 none; border-inline-start: 0 none;
color: ${dt('autocomplete.dropdown.color')}; color: ${dt('autocomplete.dropdown.color')};
transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt( transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(
'autocomplete.transition.duration' 'autocomplete.transition.duration'
@ -190,14 +189,14 @@ const theme = ({ dt }) => `
} }
.p-autocomplete-chip.p-chip { .p-autocomplete-chip.p-chip {
padding-top: calc(${dt('autocomplete.padding.y')} / 2); padding-block-start: calc(${dt('autocomplete.padding.y')} / 2);
padding-bottom: calc(${dt('autocomplete.padding.y')} / 2); padding-block-end: calc(${dt('autocomplete.padding.y')} / 2);
border-radius: ${dt('autocomplete.chip.border.radius')}; border-radius: ${dt('autocomplete.chip.border.radius')};
} }
.p-autocomplete-input-multiple:has(.p-autocomplete-chip) { .p-autocomplete-input-multiple:has(.p-autocomplete-chip) {
padding-left: calc(${dt('autocomplete.padding.y')} / 2); padding-inline-start: calc(${dt('autocomplete.padding.y')} / 2);
padding-right: calc(${dt('autocomplete.padding.y')} / 2); padding-inline-end: calc(${dt('autocomplete.padding.y')} / 2);
} }
.p-autocomplete-chip-item.p-focus .p-autocomplete-chip { .p-autocomplete-chip-item.p-focus .p-autocomplete-chip {
@ -208,8 +207,8 @@ const theme = ({ dt }) => `
.p-autocomplete-input-chip { .p-autocomplete-input-chip {
flex: 1 1 auto; flex: 1 1 auto;
display: inline-flex; display: inline-flex;
padding-top: calc(${dt('autocomplete.padding.y')} / 2); padding-block-start: calc(${dt('autocomplete.padding.y')} / 2);
padding-bottom: calc(${dt('autocomplete.padding.y')} / 2); padding-block-end: calc(${dt('autocomplete.padding.y')} / 2);
} }
.p-autocomplete-input-chip input { .p-autocomplete-input-chip input {