From 1876b4b64bbd10ecf042b2493a53b2dc5cd71ead Mon Sep 17 00:00:00 2001 From: tugcekucukoglu Date: Wed, 30 Oct 2024 12:19:20 +0300 Subject: [PATCH] Refactor #6681 - For Dialog --- .../primevue/src/dialog/style/DialogStyle.js | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/packages/primevue/src/dialog/style/DialogStyle.js b/packages/primevue/src/dialog/style/DialogStyle.js index 581c24d18..0b6ce5f9f 100644 --- 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;