Fix Mini Cart drawer not opening in RTL locales (https://github.com/woocommerce/woocommerce-blocks/pull/9066)

2023-04-17 10:02:26 +02:00 · 2023-04-17 10:02:26 +02:00 · 6123ba4433
parent 779e13af15
commit 6123ba4433
1 changed files with 4 additions and 0 deletions
--- 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;
 }