From 5461e67946d81dc47fbb1c3fb62a2cb388336fbb Mon Sep 17 00:00:00 2001
From: Xeniox <71411266+XenioxYT@users.noreply.github.com>
Date: Fri, 24 Jan 2025 18:13:36 +0000
Subject: [PATCH] Fixes for new soundboard emoji

Added extra panel for new Discord feature "soundmoji" in the gif picker
---
 Themes/Material-Discord/css/source.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/Themes/Material-Discord/css/source.css b/Themes/Material-Discord/css/source.css
index ac62b4357..b8f5ed18b 100644
--- a/Themes/Material-Discord/css/source.css
+++ b/Themes/Material-Discord/css/source.css
@@ -12505,7 +12505,7 @@ body:active .menu_d90b3d:not(:active) {
 .drawerSizingWrapper_af5dbb .navList_af5dbb:after, .drawerSizingWrapper_af5dbb .navList__8438b:after {
   position: absolute;
   content: " ";
-  width: calc(33.3333% - var(--nav-container-padding) / 2);
+  width: calc(25% - var(--nav-container-padding) / 2);
   height: var(--nav-button-height);
   top: 0;
   bottom: 0;
@@ -12518,8 +12518,8 @@ body:active .menu_d90b3d:not(:active) {
 .drawerSizingWrapper_af5dbb .navList_af5dbb:has([id=sticker-picker-tab].navButtonActive_af5dbb, [id=sticker-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_af5dbb .navList__8438b:has([id=sticker-picker-tab].navButtonActive_af5dbb, [id=sticker-picker-tab].navButtonActive_b003de):after {
   transform: translateX(100%);
 }
-.drawerSizingWrapper_af5dbb .navList_af5dbb:has([id=emoji-picker-tab].navButtonActive_af5dbb, [id=emoji-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_af5dbb .navList__8438b:has([id=emoji-picker-tab].navButtonActive_af5dbb, [id=emoji-picker-tab].navButtonActive_b003de):after {
-  transform: translateX(calc(200% - var(--nav-container-padding) / 2));
+.drawerSizingWrapper_af5dbb .navList_af5dbb:has([id=soundboard-picker-tab].navButtonActive_af5dbb, [id=soundboard-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_af5dbb .navList__8438b:has([id=soundboard-picker-tab].navButtonActive_af5dbb, [id=soundboard-picker-tab].navButtonActive_b003de):after {
+  transform: translateX(calc(300% - var(--nav-container-padding) / 2));
 }
 .drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb {
   flex-grow: 1;
@@ -12545,7 +12545,8 @@ body:active .drawerSizingWrapper_af5dbb:not(:active) {
 
 #gif-picker-tab-panel,
 #sticker-picker-tab-panel,
-#emoji-picker-tab-panel {
+#emoji-picker-tab-panel,
+#soundboard-picker-tab-panel {
   animation: picker-panel calc(var(--default-time) * 2) var(--default-animation);
 }