Refactor #6691 - For OverlayBadge

primefaces · Oct 31, 2024 · 5ab7bf7 · 5ab7bf7
1 parent 556a550
commit 5ab7bf7
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/primevue/src/overlaybadge/style/OverlayBadgeStyle.js b/packages/primevue/src/overlaybadge/style/OverlayBadgeStyle.js
@@ -7,15 +7,19 @@ const theme = ({ dt }) => `
 
 .p-overlaybadge .p-badge {
     position: absolute;
-    top: 0;
-    right: 0;
+    inset-block-start: 0;
+    inset-inline-end: 0;
     transform: translate(50%, -50%);
     transform-origin: 100% 0;
     margin: 0;
     outline-width: ${dt('overlaybadge.outline.width')};
     outline-style: solid;
     outline-color: ${dt('overlaybadge.outline.color')};
 }
+
+.p-overlaybadge .p-badge:dir(rtl) {
+    transform: translate(-50%, -50%);
+}
 `;
 
 const classes = {