evgeny-nadymov / telegram-react

Experimental Telegram web client with tdlib, webassembly and react js under the hood
https://evgeny-nadymov.github.io/telegram-react/
GNU General Public License v3.0
2.33k stars 605 forks source link

Full-width and fluid UI #4

Open pztrn opened 5 years ago

pztrn commented 5 years ago

Please, add possibility to:

  1. Make UI use whole width of window.
  2. Change sidebar width.
  3. No to use "typography ideals".

Please, don't enforce stupid things like TDesktop and current telegram-web does. Thanks.

rodneyrod commented 5 years ago

Is there any particular stopper to implimenting this?

I know with webogram there's an issue where all image thumbnails will appear very small if the CSS is messed around with, does the same issue also affect telegram-react?

rodneyrod commented 5 years ago

Here's a script that makes webogram full width: https://www.nickmcummins.com/index.php/2016/10/24/stylishuserstyle-for-telegram-web-full-width/

What would need to be changed to do the same with telegram-react?

Stanzilla commented 5 years ago
.page {
    border: none !important;
    max-width: 100% !important;
    box-shadow: none !important;
    height: 100%;
    border-radius: 0 !important;
}

.message-wrapper {
    max-width: 100% !important;
}
rodneyrod commented 5 years ago

@Stanzilla Thanks so much for this, works great, none of the thumbnail size issues that happened in Webogram either.

TitanNano commented 4 years ago

@pztrn the layout has been refactored to be full width now, so we could close this.

pztrn commented 4 years ago

@TitanNano nope. Maximum width for message is enforced (both for message-wrapper and message-content divs), this is number 3 from OP list, about "typography ideals".

I am an IT guy. My colleagues using telegram on daily basis, we're exchanging log lines and code snippets. This enforcement makes telegram-react absolutely unusable for that (as tdesktop and other clients BTW, we're using pastebin for one-liners because it is very uncomfortable to read them in tdesktop/unigram/web clients!).

Moreover this is a giant waste of space on screens with resolutions larger than FHD. This is not really useable in any other way than exchanging cat pics.

Just take a look on mac native client - no space wasting, messages taking full width that remains from chats list, this is perfect! But only on macs.

изображение