Skip to content

Commit

Permalink
FIX: Responsive Discord chat alignment
Browse files Browse the repository at this point in the history
  • Loading branch information
GreenMan36 committed Dec 17, 2023
1 parent cfca0e1 commit b29ab22
Showing 1 changed file with 7 additions and 3 deletions.
10 changes: 7 additions & 3 deletions files/discord-mods/themes/responsive-discord.css
Original file line number Diff line number Diff line change
Expand Up @@ -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.
*/

Expand All @@ -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. */
Expand Down Expand Up @@ -243,7 +243,7 @@ a.anchor-1MIwyf.anchorUnderlineOnHover-2qPutX.snowsgivingLink-1TZi3c {
width: 100%;
}

.chat-2ZfjoI {
[class^="chat__"] {
margin-left: 128px;
}

Expand Down Expand Up @@ -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;
Expand Down

0 comments on commit b29ab22

Please sign in to comment.