[yew-devel] [PATCH yew-widget-toolkit-assets 5/6] application bar: reverse back arrow for rtl

Dominik Csapak d.csapak at proxmox.com
Fri Jun 27 14:08:47 CEST 2025


so it's in the correct orientation in RTL mode.

needs the corresponding pwt patch to set the class.

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 scss/_application_bar.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/scss/_application_bar.scss b/scss/_application_bar.scss
index b367a0b..17d4e63 100644
--- a/scss/_application_bar.scss
+++ b/scss/_application_bar.scss
@@ -10,4 +10,11 @@
         padding: var(--pwt-spacer-1);
         gap: var(--pwt-spacer-2);
     }
+
+}
+
+/* change arrow icon direction */
+/* Note: :dir(rtl) only works with firefox, so we cant use that. */
+html[dir="rtl"] .pwt-application-bar-back {
+  transform: scaleX(-1);
 }
-- 
2.39.5





More information about the yew-devel mailing list