[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 15:38:26 CEST 2025
On 6/27/25 14:54, Shannon Sterz wrote:
> 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
yeah, true. i just copied the comment from other places, that probably were
introduced before this happened, thanks for noticing !
I'll see where else we can replace that with the ':dir()' selector
More information about the yew-devel
mailing list