[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