Site Breadcrumbs: Fix small screen overflow gradient on RTL sites

Fixes #602
WordPress · Apr 30, 2024 · be8c24c · be8c24c
1 parent f88c67c
commit be8c24c
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/mu-plugins/blocks/site-breadcrumbs/postcss/style.pcss b/mu-plugins/blocks/site-breadcrumbs/postcss/style.pcss
@@ -3,6 +3,10 @@
 	max-width: 100%;
 	mask-image: linear-gradient(to right, #000 calc(100% - 60px), transparent);
 
+	[dir="rtl"] & {
+		mask-image: linear-gradient(to left, #000 calc(100% - 60px), transparent);
+	}
+
 	& .wporg-site-breadcrumbs__wrapper {
 		overflow-x: auto;
 		text-overflow: clip;