Refactor #6680 - For SplitButton

primefaces · Oct 30, 2024 · 55b67ef · 55b67ef
1 parent 4645de4
commit 55b67ef
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/primevue/src/splitbutton/style/SplitButtonStyle.js b/packages/primevue/src/splitbutton/style/SplitButtonStyle.js
@@ -8,9 +8,9 @@ const theme = ({ dt }) => `
 }
 
 .p-splitbutton-button {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right: 0 none;
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+    border-inline-end: 0 none;
 }
 
 .p-splitbutton-button:focus-visible,
@@ -20,12 +20,12 @@ const theme = ({ dt }) => `
 
 .p-splitbutton-button:not(:disabled):hover,
 .p-splitbutton-button:not(:disabled):active {
-    border-right: 0 none;
+    border-inline-end: 0 none;
 }
 
 .p-splitbutton-dropdown {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
 }
 
 .p-splitbutton .p-menu {
@@ -37,13 +37,13 @@ const theme = ({ dt }) => `
 }
 
 .p-splitbutton-rounded .p-splitbutton-dropdown {
-    border-top-right-radius: ${dt('splitbutton.rounded.border.radius')};
-    border-bottom-right-radius: ${dt('splitbutton.rounded.border.radius')};
+    border-start-end-radius: ${dt('splitbutton.rounded.border.radius')};
+    border-end-end-radius: ${dt('splitbutton.rounded.border.radius')};
 }
 
 .p-splitbutton-rounded .p-splitbutton-button {
-    border-top-left-radius: ${dt('splitbutton.rounded.border.radius')};
-    border-bottom-left-radius: ${dt('splitbutton.rounded.border.radius')};
+    border-start-start-radius: ${dt('splitbutton.rounded.border.radius')};
+    border-end-start-radius: ${dt('splitbutton.rounded.border.radius')};
 }
 
 .p-splitbutton-raised {