microsoft-teams-compact

microsoft-teams-compact.user.js

// ==UserScript==
// @name         Teams Compact Mode
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  compact mode for Microsoft Teams
// @author       Jeff Rousseau
// @match        https://teams.microsoft.com/*
// @grant        GM_addStyle
// @grant        unsafeWindow
// ==/UserScript==

(function() {
'use strict';
GM_addStyle ( `
  .message-body.message-body-width {
    padding: 0 !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .message-body.message-body-width::before {
    display: none !important;
  }
  .s-message-thread-body.align-item-left {
    border: none !important;
  }
  .item-wrap.ts-message-list-item {
    padding: 0 !important;
  }
  .ts-message.acc-message-list-focusable {
    padding: 0 !important;
  }
  .ts-new-message-footer.new-message-common {
    margin: 0 !important;
    padding: 0 !important;
  }
  .media-left {
    transform: scale(0.7);
    padding-top: 0 !important;
    margin: 0 !important;
  }
  .media.thread-body .ts-skype-status.visible {
    position: absolute !important;
    top: 25px !important;
  }
  .media.message-body.acc-thread-focusable.expand-collapse.chevron-expanded {
    border: none !important;
  }
  .message-list-common:not(.chat-style) .conversation-common.conversation-start .ts-message-thread-body {
    border: none !important;
  }
  .ts-new-message-footer.new-message-common {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-lright-radius: 0px !important;
  }
  .app-messages-header.ts-section-divider * {
    font-size: 12px !important;
  }
  .ts-title-bar.ts-title-bar-team-header {
    padding: 12px !important;
  }
  .ts-title-bar img, .ts-title-bar svg {
    width: 25px !important;
    height: 25px !important;
  }
  .app-svg.icons-patharrow {
    position: relative !important;
    padding-left: 15px;
    left: -10px !important;
    top: 2px !important;
  }
  .ts-tab-bar-wrapper {
    margin: 0 !important;
  }
  .ts-title.team-name, .ts-title.channel-name  {
    margin-top: 5px !important;
  }
  .media-left {
    padding: 0 !important;
    border-left: none !important;
  }
  .media-left::before {
    display: none !important;
  }
  .profile-pic {
    display: none !important;
  }
  .message-actions-container {
    right: 80px !important;
  }
  .ts-sym.icons-reply.acc-thread-focusable {
    border: none !important;
    background: none !important;
    position: absolute !important;
    top: 8px !important;
    right: 10px !important;
    width: auto !important;
    z-index: 9999;
  }
  .ts-sym.icons-reply.acc-thread-focusable span:not(:hover) {
    color: #bbb !important;
  }
  .ts-sym.icons-reply.acc-thread-focusable svg:not(:hover) {
    fill: #bbb !important;
  }
  .ts-message-thread-body.align-item-left {
    z-index: 0 !important;
  }
  .extension-icons-container.new-message-common.compose-stripe {
    margin: 0 !important;
  }
  .ts-add-message, .ts-add-message.not-at-bottom {
    margin: 0 !important;
  }
  .ts-new-message.ts-border-newcompose::before {
    display: none !important;
  }
  .ts-new-message-footer.new-message-common {
    min-height: 0 !important;
  }
  .message-body-content > div {
    padding-right: 100px !important;
  }
  .message-list-divider-text {
    padding: 0 20px 0 20px !important;
    font-size: 10px;
  }
`);
})();