From b29ab226d361b12825aea9a2f67e50016ce8cba5 Mon Sep 17 00:00:00 2001 From: GreenMan36 Date: Sun, 17 Dec 2023 14:06:42 +0100 Subject: [PATCH] FIX: Responsive Discord chat alignment --- files/discord-mods/themes/responsive-discord.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/files/discord-mods/themes/responsive-discord.css b/files/discord-mods/themes/responsive-discord.css index 7a267c5..a649421 100644 --- a/files/discord-mods/themes/responsive-discord.css +++ b/files/discord-mods/themes/responsive-discord.css @@ -2,7 +2,7 @@ * @name Greens Responsive Discord * @author GreenMan36#0633 * @authorLink https://github.com/GreenMan36 - * @version 17.12.23a + * @version 17.12.23b * @description A theme that tries to make Discord's sidebars adapt when resizing your window. */ @@ -22,7 +22,7 @@ /* used for theme name and version, DO NOT TOUCH */ :root { --theme-name: "Greens Responsive Discord"; - --version: "11.12.23a"; + --version: "17.12.23b"; } /* these can be customized. just copy/paste the whole thing into your custom CSS and mess around with it. */ @@ -243,7 +243,7 @@ a.anchor-1MIwyf.anchorUnderlineOnHover-2qPutX.snowsgivingLink-1TZi3c { width: 100%; } - .chat-2ZfjoI { + [class^="chat__"] { margin-left: 128px; } @@ -288,6 +288,10 @@ a.anchor-1MIwyf.anchorUnderlineOnHover-2qPutX.snowsgivingLink-1TZi3c { height: calc(100% - var(--member-bar-top-offset)); } + [class^="chatContainer__"] > [class^="chatContent__"] { + margin-right: 60px; + } + /* fixes the layering of the sidebar */ [class*="sidebar_"]:has(> [aria-label="User area"]) { z-index: 101;