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.

Sign up for GitHub

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

Jump to bottom

Message bubbles timeline looks oddly narrow on a 1920px display #20504

Closed
kittykat opened this issue Jan 12, 2022 · 4 comments
Closed

Message bubbles timeline looks oddly narrow on a 1920px display #20504

kittykat opened this issue Jan 12, 2022 · 4 comments
Labels
A-Message-Bubbles O-Occasional Affects or can be seen by some users regularly or most users rarely T-Enhancement X-Needs-Design Z-Labs

Comments

@kittykat
Copy link
Contributor

Steps to reproduce

  1. Switch from Modern layout to Message Bubbles in the settings

Outcome

What did you expect?

Screenshot from 2022-01-12 10-47-05

What happened instead?

Screenshot from 2022-01-12 10-44-41

Operating system

Arch Linux

Browser information

Chromium 96.0.4664.45 (Official Build) Arch Linux (64-bit)

URL for webapp

develop.element.io

Application version

Element version: ef93356-react-b8355883313e-js-6fc586598a98 Olm version: 3.2.8

Homeserver

No response

Will you send logs?

No
@kittykat kittykat added T-Defect S-Minor Impairs non-critical functionality or suitable workarounds exist A-Message-Bubbles O-Occasional Affects or can be seen by some users regularly or most users rarely labels Jan 12, 2022
@kittykat kittykat changed the title Message bubbles have too much padding on the left of the timeline Message bubbles timeline looks oddly narrow on a 1920px display Jan 12, 2022
@t3chguy
Copy link
Member

t3chguy commented Jan 12, 2022

This is an intentional centering with max-width of 1200px to make bubbles saner on wide screens, see #18072

@pioneer
Copy link
Contributor

pioneer commented Jan 12, 2022

I would also like to ask for a little bit adjustability with this approach. Looks too narrow on my 4K screen, and I personally don't mind if messages are on the left and right w/o any fixed width. So a switch in the settings to turn the adaptive layout on and off would be perfectly fine.

@germain-gg germain-gg added S-Minor Impairs non-critical functionality or suitable workarounds exist T-Enhancement and removed T-Defect S-Minor Impairs non-critical functionality or suitable workarounds exist labels Jan 13, 2022
@G2G2G2G
Copy link

G2G2G2G commented Jan 14, 2022

Please add a toggle checkbox to enable/disable these margins

@daniellekirkwood
Copy link
Contributor

Thanks for the feedback on this - for our initial launch we're choosing to stick with what we have. Once this feature is out of labs and used by more folks we'll revisit this decision.

In the meantime, I'll close this issue. Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
A-Message-Bubbles O-Occasional Affects or can be seen by some users regularly or most users rarely T-Enhancement X-Needs-Design Z-Labs
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@kittykat @pioneer @germain-gg @t3chguy @G2G2G2G @daniellekirkwood