Refactor #6636 - For Select

primefaces · Oct 24, 2024 · abc4536 · abc4536
1 parent 515cd91
commit abc4536
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/primevue/src/select/style/SelectStyle.js b/packages/primevue/src/select/style/SelectStyle.js
@@ -52,7 +52,7 @@ const theme = ({ dt }) => `
     top: 50%;
     margin-top: -0.5rem;
     color: ${dt('select.clear.icon.color')};
-    right: ${dt('select.dropdown.width')};
+    inset-inline-end: ${dt('select.dropdown.width')};
 }
 
 .p-select-dropdown {
@@ -63,8 +63,8 @@ const theme = ({ dt }) => `
     background: transparent;
     color: ${dt('select.dropdown.color')};
     width: ${dt('select.dropdown.width')};
-    border-top-right-radius: ${dt('select.border.radius')};
-    border-bottom-right-radius: ${dt('select.border.radius')};
+    border-start-end-radius: ${dt('select.border.radius')};
+    border-end-end-radius: ${dt('select.border.radius')};
 }
 
 .p-select-label {
@@ -87,7 +87,7 @@ const theme = ({ dt }) => `
 }
 
 .p-select:has(.p-select-clear-icon) .p-select-label {
-    padding-right: calc(1rem + ${dt('select.padding.x')});
+    padding-inline-end: calc(1rem + ${dt('select.padding.x')});
 }
 
 .p-select.p-disabled .p-select-label {