Skip to content

Discord Bigger Inbox by ibillingsley

Imported and mirrored from https://raw.githubusercontent.com/ibillingsley/userstyles/master/discord-bigger-inbox.user.css

Screenshot of Discord Bigger Inbox

Details

Authoribillingsley

License0BSD

CategoryDiscord

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Maximize inbox popup on Discord

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Discord Bigger Inbox
@namespace      github.com/ibillingsley
@version        1.2.0
@description    Maximize inbox popup on Discord
@author         Isaiah Billingsley
@homepageURL    https://github.com/ibillingsley/userstyles
@license        0BSD
==/UserStyle== */

@-moz-document domain("discord.com") {
  /* Resize and position popup */
  div[class*="recentMentionsPopout"] {
    position: fixed;
    top: 48px;
    right: 0;
    bottom: 0;
    left: 312px;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0;
  }
  /* Single-row toolbar */
  div[class*="recentMentionsPopout"] > div:first-child {
    display: flex;
    align-items: center;
    height: 44px;
    min-height: 44px;
  }
  div[class*="recentMentionsPopout"] > div:first-child > div {
    display: contents;
  }
  div[class*="recentMentionsPopout"] > div:first-child > div:last-child > div:first-child {
    margin-left: 16px;
    padding-left: 16px;
    flex-grow: 999999;
    border-left: 1px solid var(--background-modifier-accent);
  }
  div[class*="recentMentionsPopout"] > div:first-child > div > div:last-child {
    min-width: 32px;
    margin-left: 12px;
    order: 1;
  }
}

Reviews

No reviews yet.