Raw Source Toggle Dropdown

• Minified Source

rshadow / Telegram Iconize

// ==UserScript==
// @name         Telegram Iconize
// @namespace    http://tampermonkey.net/
// @version      20200326.1
// @description  Modifies the contact list into icons. Now the list contains a lot more contacts.
// @author       Roman V. Nikolaev
// @copyright    2020, rshadow (https://openuserjs.org/users/rshadow)
// @match        https://web.telegram.org/*
// @license      GPL-3.0-or-later
// @updateURL    https://openuserjs.org/meta/rshadow/Telegram_Iconize.meta.js
// @downloadURL  https://openuserjs.org/install/rshadow/Telegram_Iconize.user.js
// @grant        none
// ==/UserScript==

(function () {
  'use strict';

  function addCss(css) {
    var $head = document.querySelector('head');
    if (!$head) return;
    var $style = document.createElement('style');
    $style.type = 'text/css';
    $style.innerHTML = css;
    $head.appendChild($style);
  }

  addCss('.im_dialogs_col .im_dialog_wrap {display: block; float: left; width: 62px}');
  addCss('.im_dialogs_col .im_dialog_wrap > .im_dialog {padding-left: 0; padding-right: 4px !important}');
  addCss('.im_dialogs_col .im_dialog_wrap > .im_dialog > .im_dialog_message_wrap {display: none}');
  addCss('.im_dialogs_col .im_dialog_wrap > .im_dialog > .im_dialog_meta .im_dialog_date {display: none}');
  addCss('.im_dialogs_col .im_dialog_wrap > .im_dialog > .im_dialog_meta .im_dialog_pinned {margin: 0; position: absolute; top: 2px; right: 2px}');
  addCss('.im_dialogs_col .im_dialog_wrap > .im_dialog > .im_dialog_meta .im_dialog_badge {margin: 0; position: absolute; bottom: 2px; right: 2px}');
  addCss('.im_dialogs_col .im_dialog_wrap > .im_dialog > .im_dialog_meta .im_dialog_unread {margin: 0; position: absolute; top: 4px; left: 4px}');
  addCss('.im_dialogs_col .im_dialog_wrap > .im_dialog > .im_dialog_photo {margin-right: 0 !important; margin-left: 7px}');

})();