← All examples

Action Look & feel web.telegram.org

Telegram: toggle compact mode

Switches a tighter-bubble and denser chat-list compact view on or off with one click.

Code to copy

// Toggle a compact reading mode for bubbles and the chat list
const ID = 'jz-tg-compact-mode';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
  const s = document.createElement('style');
  s.id = ID;
  s.textContent = '.bubbles .bubble{margin-top:2px!important;margin-bottom:2px!important}'
    + '.bubbles .bubble .bubble-content{padding:4px 8px!important}'
    + '.chatlist .chatlist-chat,.ChatList .ListItem .ListItem-button'
    + '{padding-top:3px!important;padding-bottom:3px!important;min-height:0!important}';
  document.head.appendChild(s);
}

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases