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