Refactor #6636 - For InputNumber

primefaces · Oct 24, 2024 · 7a3304a · 7a3304a
1 parent 76c0724
commit 7a3304a
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/packages/primevue/src/inputnumber/style/InputNumberStyle.js b/packages/primevue/src/inputnumber/style/InputNumberStyle.js
@@ -37,20 +37,20 @@ const theme = ({ dt }) => `
     display: flex;
     flex-direction: column;
     position: absolute;
-    top: 1px;
-    right: 1px;
+    inset-block-start: 1px;
+    inset-inline-end: 1px;
     height: calc(100% - 2px);
     z-index: 1;
 }
 
 .p-inputnumber-stacked .p-inputnumber-increment-button {
     padding: 0;
-    border-top-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
+    border-start-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
 }
 
 .p-inputnumber-stacked .p-inputnumber-decrement-button {
     padding: 0;
-    border-bottom-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
+    border-end-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
 }
 
 .p-inputnumber-stacked .p-inputnumber-button {
@@ -72,9 +72,9 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-horizontal .p-inputnumber-increment-button {
     order: 3;
-    border-top-right-radius: ${dt('inputnumber.button.border.radius')};
-    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};
-    border-left: 0 none;
+    border-start-end-radius: ${dt('inputnumber.button.border.radius')};
+    border-end-end-radius: ${dt('inputnumber.button.border.radius')};
+    border-inline-start: 0 none;
 }
 
 .p-inputnumber-horizontal .p-inputnumber-input {
@@ -84,9 +84,9 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-horizontal .p-inputnumber-decrement-button {
     order: 1;
-    border-top-left-radius: ${dt('inputnumber.button.border.radius')};
-    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};
-    border-right: 0 none;
+    border-start-start-radius: ${dt('inputnumber.button.border.radius')};
+    border-end-start-radius: ${dt('inputnumber.button.border.radius')};
+    border-inline-end: 0 none;
 }
 
 .p-floatlabel:has(.p-inputnumber-horizontal) label {
@@ -112,10 +112,10 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-vertical .p-inputnumber-increment-button {
     order: 1;
-    border-top-left-radius: ${dt('inputnumber.button.border.radius')};
-    border-top-right-radius: ${dt('inputnumber.button.border.radius')};
+    border-start-start-radius: ${dt('inputnumber.button.border.radius')};
+    border-start-end-radius: ${dt('inputnumber.button.border.radius')};
     width: 100%;
-    border-bottom: 0 none;
+    border-block-end: 0 none;
 }
 
 .p-inputnumber-vertical .p-inputnumber-input {
@@ -126,10 +126,10 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-vertical .p-inputnumber-decrement-button {
     order: 3;
-    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};
-    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};
+    border-end-start-radius: ${dt('inputnumber.button.border.radius')};
+    border-end-end-radius: ${dt('inputnumber.button.border.radius')};
     width: 100%;
-    border-top: 0 none;
+    border-block-start: 0 none;
 }
 
 .p-inputnumber-input {