Refactor #6636 - For ToggleButton

primefaces · Oct 24, 2024 · 3cf1fd1 · 3cf1fd1
1 parent ccb053e
commit 3cf1fd1
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/primevue/src/togglebutton/style/ToggleButtonStyle.js b/packages/primevue/src/togglebutton/style/ToggleButtonStyle.js
@@ -43,10 +43,10 @@ const theme = ({ dt }) => `
     transition: background ${dt('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')},
             outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt('togglebutton.transition.duration')};
     position: absolute;
-    left: ${dt('togglebutton.content.left')};
-    top: ${dt('togglebutton.content.top')};
-    width: calc(100% - calc(2 *  ${dt('togglebutton.content.left')}));
-    height: calc(100% - calc(2 *  ${dt('togglebutton.content.top')}));
+    inset-inline-start: ${dt('togglebutton.content.left')};
+    inset-block-start: ${dt('togglebutton.content.top')};
+    width: calc(100% - calc(2 * ${dt('togglebutton.content.left')}));
+    height: calc(100% - calc(2 * ${dt('togglebutton.content.top')}));
     border-radius: ${dt('togglebutton.border.radius')};
 }