Refactor #6691 - For OverlayBadge

2024-10-31 12:05:12 +03:00 · 2024-10-31 12:05:12 +03:00 · 5ab7bf7baa
parent 556a5508ef
commit 5ab7bf7baa
1 changed files with 6 additions and 2 deletions
--- a/packages/primevue/src/overlaybadge/style/OverlayBadgeStyle.js
+++ b/packages/primevue/src/overlaybadge/style/OverlayBadgeStyle.js
@ -7,8 +7,8 @@ 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;
@ -16,6 +16,10 @@ const theme = ({ dt }) => `
    outline-style: solid;
    outline-color: ${dt('overlaybadge.outline.color')};
 }
+
+.p-overlaybadge .p-badge:dir(rtl) {
+    transform: translate(-50%, -50%);
+}
 `;

 const classes = {