CascadeSelect RTL
parent
3b72d1f188
commit
ebe389b60d
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue