home-assistant / frontend

:lollipop: Frontend for Home Assistant
https://demo.home-assistant.io
Other
4.01k stars 2.74k forks source link

layout issue when changing the language to any that uses right-to-left script #9570

Closed ha20217ahmed closed 2 years ago

ha20217ahmed commented 3 years ago

Checklist

Describe the issue you are experiencing

Hi,

first of all, thank you all for all the great work to bring this masterpiece to the world.

Secondly, I'm reporting multiple bugs in Home assistant frontend, not sure if i'm supposed to separate it , just excuse me to post them all here. all the bugs i'm reporting is showing only when changing the language to any language that uses right-to-left script such as Arabic which i'm using.

the first one is in the "slider-container","sliderContainer"

slider

the second on is in the text size or alignment in thermostat card "temperature inside slider-center"

temp

the third one is in the Alarm panel header "card-header" the icon covering the first word alarm_card_issue

when changing the padding to {padding: 12px 75px 16px;} the card header appears appropriately

alarm_card_fix

the fourth one is in the media player card the icon covering the three dots and the start icon covering the media library icon

player_issue

the fifth one is in the horizontal-stack-card cards inside horizontal card are close together and the spacing is in the wrong direction

horzcard

Describe the behavior you expected

same as other language layout but for language that uses right-to-left script

Steps to reproduce the issue

change the UI language to Arabic or any other language that uses right-to-left script

What version of Home Assistant Core has the issue?

core-2021.7.2

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Google Chrome 91.0.4472.124 (Official Build) (64-bit)

Which operating system are you using to run this browser?

No response

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

github-actions[bot] commented 3 years ago

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.