CascadeSelect RTL

pull/6634/head
tugcekucukoglu 2024-10-21 13:38:27 +03:00
parent 3b72d1f188
commit ebe389b60d
1 changed files with 11 additions and 11 deletions

View File

@ -56,8 +56,8 @@ const theme = ({ dt }) => `
background: transparent; background: transparent;
color: ${dt('cascadeselect.dropdown.color')}; color: ${dt('cascadeselect.dropdown.color')};
width: ${dt('cascadeselect.dropdown.width')}; width: ${dt('cascadeselect.dropdown.width')};
border-top-right-radius: ${dt('border.radius.md')}; border-start-end-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')}; border-end-end-radius: ${dt('border.radius.md')};
} }
.p-cascadeselect-label { .p-cascadeselect-label {
@ -78,10 +78,6 @@ const theme = ({ dt }) => `
color: ${dt('cascadeselect.placeholder.color')}; color: ${dt('cascadeselect.placeholder.color')};
} }
.p-cascadeselect-clearable .p-cascadeselect-label {
padding-right: 1.75rem;
}
.p-cascadeselect.p-disabled .p-cascadeselect-label { .p-cascadeselect.p-disabled .p-cascadeselect-label {
color: ${dt('cascadeselect.disabled.color')}; color: ${dt('cascadeselect.disabled.color')};
} }
@ -126,7 +122,7 @@ const theme = ({ dt }) => `
padding: ${dt('cascadeselect.list.padding')}; padding: ${dt('cascadeselect.list.padding')};
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: ${dt('cascadeselect.list.gap')} gap: ${dt('cascadeselect.list.gap')};
} }
.p-cascadeselect-option { .p-cascadeselect-option {
@ -168,8 +164,8 @@ const theme = ({ dt }) => `
} }
.p-cascadeselect-option-active > .p-cascadeselect-option-list { .p-cascadeselect-option-active > .p-cascadeselect-option-list {
left: 100%; inset-inline-start: 100%;
top: 0; inset-block-start: 0;
} }
.p-cascadeselect-option-content { .p-cascadeselect-option-content {
@ -192,12 +188,16 @@ const theme = ({ dt }) => `
color: ${dt('cascadeselect.option.icon.color')}; color: ${dt('cascadeselect.option.icon.color')};
} }
.p-cascadeselect-group-icon:dir(rtl) {
transform: rotate(180deg);
}
.p-cascadeselect-mobile-active .p-cascadeselect-option-list { .p-cascadeselect-mobile-active .p-cascadeselect-option-list {
position: static; position: static;
box-shadow: none; box-shadow: none;
border: 0 none; border: 0 none;
padding-left: ${dt('tieredmenu.submenu.mobile.indent')}; padding-inline-start: ${dt('tieredmenu.submenu.mobile.indent')};
padding-right: 0; padding-inline-end: 0;
} }
.p-cascadeselect-mobile-active .p-cascadeselect-group-icon { .p-cascadeselect-mobile-active .p-cascadeselect-group-icon {