[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