From 3cf1fd15a62f4e6cdbf98e5d3acaf99165a235b2 Mon Sep 17 00:00:00 2001 From: tugcekucukoglu Date: Thu, 24 Oct 2024 17:29:26 +0300 Subject: [PATCH] Refactor #6636 - For ToggleButton --- .../primevue/src/togglebutton/style/ToggleButtonStyle.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/primevue/src/togglebutton/style/ToggleButtonStyle.js b/packages/primevue/src/togglebutton/style/ToggleButtonStyle.js index 8ee5d7053..0521fa7e1 100644 --- 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')}; }