Refactor #6681 - For Dialog

primefaces · Oct 30, 2024 · 1876b4b · 1876b4b
1 parent 55b67ef
commit 1876b4b
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/packages/primevue/src/dialog/style/DialogStyle.js b/packages/primevue/src/dialog/style/DialogStyle.js
@@ -42,6 +42,7 @@ const theme = ({ dt }) => `
     align-items: center;
     gap: ${dt('dialog.header.gap')};
 }
+
 .p-dialog-enter-active {
     transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
 }
@@ -115,6 +116,24 @@ const theme = ({ dt }) => `
     transform: translate3d(100%, 0px, 0px);
 }
 
+.p-dialog-left:dir(rtl) .p-dialog-enter-from,
+.p-dialog-left:dir(rtl) .p-dialog-leave-to,
+.p-dialog-topleft:dir(rtl) .p-dialog-enter-from,
+.p-dialog-topleft:dir(rtl) .p-dialog-leave-to,
+.p-dialog-bottomleft:dir(rtl) .p-dialog-enter-from,
+.p-dialog-bottomleft:dir(rtl) .p-dialog-leave-to {
+    transform: translate3d(100%, 0px, 0px);
+}
+
+.p-dialog-right:dir(rtl) .p-dialog-enter-from,
+.p-dialog-right:dir(rtl) .p-dialog-leave-to,
+.p-dialog-topright:dir(rtl) .p-dialog-enter-from,
+.p-dialog-topright:dir(rtl) .p-dialog-leave-to,
+.p-dialog-bottomright:dir(rtl) .p-dialog-enter-from,
+.p-dialog-bottomright:dir(rtl) .p-dialog-leave-to {
+    transform: translate3d(-100%, 0px, 0px);
+}
+
 .p-dialog-maximized {
     width: 100vw !important;
     height: 100vh !important;