paper-plane icon indicating copy to clipboard operation
paper-plane copied to clipboard

Very narrow chat

Open naipotato opened this issue 2 years ago • 9 comments

The chat currently has a clamp with a maximum size that is too narrow (600), which is a bit awkward. Other apps like Element (in its bubble interface) or perhaps Telegram Web offer a wider and more comfortable chat.

I have changed using the inspector the maximum width to 1280, and I consider it a reasonable value, but maybe there are other points of view.

Edit: added comparative images

Before (max-width: 600) After (max-width: 1280)
imagen imagen

naipotato avatar Feb 07 '22 17:02 naipotato

yeah i dont use telegran but i think the chat is too narrow, 600 is like... uh... very tiny :pinching_hand:

i saw the change that @nahuelwexd made to 1280 and i think is ok :+1:

Miqueas avatar Feb 07 '22 17:02 Miqueas

I think the chat width shouldn't be clamped with a pixel value, and instead with a percentage of the window size (like 80%), unless the mobile view is activated in the app (in this case there should be no margins).

That's why I always take screenshots of the app windowed: because when maximized, it looks weird with these margins (especially in my FHD display).

alissonlauffer avatar Feb 07 '22 17:02 alissonlauffer

I think the chat width shouldn't be clamped with a pixel value, and instead with a percentage of the window size (like 80%), unless the mobile view is activated in the app (in this case there should be no margins).

That's why I always take screenshots of the app windowed: because when maximized, it looks weird with these margins (especially in my FHD display).

hmmm... well, my logic for this is very simple: i think that if u have a big screen, u dont have the needed of use an app maximized. basically cuz there's a "big" distance between things, so using only the eyes is not enough and u need to use the whole head too.

i think using percentages isn't a good choice, cuz it can make the chat big too (it grows at the same time that the app window grows), so isn't exactly a good solution

Miqueas avatar Feb 07 '22 18:02 Miqueas

also, i think there's no way to use percentages

Miqueas avatar Feb 07 '22 18:02 Miqueas

also, i think there's no way to use percentages

I'm pretty sure that there's a way to ask the os which resolution it uses and bind the value to maximum-size property or we can just ask the user how wide chat should be. "Pixel" solution like this https://github.com/just-carlod/telegrand/commit/46eddc2ac54ffa8957895662b860ee4f0fd045fe shouldn't be considered.

just-carlod avatar Feb 07 '22 20:02 just-carlod

I'm pretty sure that there's a way to ask the os which resolution it uses and bind the value to maximum-size property

ye maybe there's a way to use percentage-based solution, but may need to be achieved manually

or we can just ask the user how wide chat should be.

i think this can be a better solution

"Pixel" solution like this just-carlod@46eddc2 shouldn't be considered.

well no, that's ugly as hell, the point here is about using a suitable width for the chat on wide screens, not about using all the width

Miqueas avatar Feb 07 '22 21:02 Miqueas

I've opened a pr that adds the requested functionality. I'm wating for your feedback and suggestions

just-carlod avatar Feb 17 '22 18:02 just-carlod

I've opened a pr that adds the requested functionality. I'm wating for your feedback and suggestions

Damn that looks very nice for me!

Miqueas avatar Feb 17 '22 20:02 Miqueas

I'm not really convinced that changing the chat width solves anything. Telegram Web actually has more or less the same chat width (see the screen below), but what they do instead is limiting the general UI width to a fixed "squared" aspect ratio to avoid having a big chat view with a small (in relation to the view) chat history.

Screenshot from 2022-03-23 00-24-06

On the other hand, Telegram Desktop does a different thing: it snaps the chat history to the left (while still having the relative small size, similar to Telegrand). They do this to avoid having a big separation between the chat list and the chat history, like Telegrand currently has if the window is too big.

Element doesn't really count because they don't have chat bubbles, so everything is simpler in that case and also because they don't have the problem of the outgoing messages that are right-aligned compared to incoming ones.

So, in my opinion having a wide chat width only has the effect of making message reading a lot worse, because we'd have really big chat bubbles and the outgoing messages would be placed too far away from the rest of the messages. I think that what we really need is reducing the separation between the chat list and chat history when the window is too big and the two solutions by Telegram Web and Telegram Desktop are both viable to do this.

melix99 avatar Mar 22 '22 23:03 melix99