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

Shannon Sterz s.sterz at proxmox.com
Fri Jun 27 14:54:16 CEST 2025


On Fri Jun 27, 2025 at 2:08 PM CEST, Dominik Csapak wrote:
> 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. */

this is not true (anymore?), `:dir()` has been declared baseline as of
2023 and is available in chrome since chrome 120 according to can i use
[1,2].

> +html[dir="rtl"] .pwt-application-bar-back {
> +  transform: scaleX(-1);
>  }

[1]: https://developer.mozilla.org/en-US/docs/Web/CSS/:dir
[2]: https://caniuse.com/css-dir-pseudo




More information about the yew-devel mailing list