Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

iOS Companion app: table may overflow a card #120

Open
ildar170975 opened this issue Dec 4, 2023 · 3 comments
Open

iOS Companion app: table may overflow a card #120

ildar170975 opened this issue Dec 4, 2023 · 3 comments

Comments

@ildar170975
Copy link
Contributor

ildar170975 commented Dec 4, 2023

Assume some table contains some amount of columns.
On 1920x1080 desktop screen I see all columns fit on a screen in Panel mode.
But in iOS Companion App (iOS 5.x) some last columns may overflow a card:

изображение

For this particular table this is a minimum width on a desktop w/o an overflow (Chrome):
изображение
It is ~1010px.

For a small browser's width an overflow is observed:
изображение

Is there any way to prevent an overflow by playing with styles, or any other method?

@daringer
Copy link
Collaborator

daringer commented Dec 4, 2023

can also confirm this happens on the Android app

@ildar170975
Copy link
Contributor Author

Well. this probably is related not to a Companion App - it is related to a smaller viewport.
@daringer , shall I rename the issue?

Will try to find ways to adapt the card to viewports...

@ildar170975
Copy link
Contributor Author

ildar170975 commented Dec 4, 2023

Can be fixed by

          ha-card > div {
            overflow-x: auto;
          }

Fixed it locally in my setup by card-mod.
Probably it should be fixed in card itself...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants