From 6123ba4433bdd465f026945283acf11dbdcc6cfe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Albert=20Juh=C3=A9=20Lluveras?= Date: Mon, 17 Apr 2023 10:02:26 +0200 Subject: [PATCH] Fix Mini Cart drawer not opening in RTL locales (https://github.com/woocommerce/woocommerce-blocks/pull/9066) --- .../assets/js/base/components/drawer/style.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/plugins/woocommerce-blocks/assets/js/base/components/drawer/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/drawer/style.scss index 9c18fede70e..98221aef8b9 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/drawer/style.scss +++ b/plugins/woocommerce-blocks/assets/js/base/components/drawer/style.scss @@ -67,6 +67,10 @@ $drawer-animation-duration: 0.3s; max-width: 100%; } +.rtl .wc-block-components-drawer { + transform: translateX(max(100%, var(--drawer-width))); +} + .wc-block-components-drawer__screen-overlay--with-slide-out .wc-block-components-drawer { transition: transform $drawer-animation-duration; }