diff --git a/jsHelper/sidebarConfig.js b/jsHelper/sidebarConfig.js index a64eb7b2ca..2c3eba1bb5 100644 --- a/jsHelper/sidebarConfig.js +++ b/jsHelper/sidebarConfig.js @@ -166,13 +166,26 @@ color: var(--spice-button-disabled); (async () => { await new Promise((res) => Spicetify.Events.webpackLoaded.on(res)); if (document.querySelector(".Root__globalNav")) { - Spicetify.showNotification( - "Sidebar config is not supported on global navbar. Please disable it with `spicetify config sidebar_config 0` command.", - false, - 7000 - ); + Spicetify.Snackbar?.enqueueCustomSnackbar("sidebar-config", { + keyPrefix: "sidebar-config", + autoHideDuration: 7500, + children: Spicetify.ReactComponent.Snackbar.wrapper({ + children: Spicetify.ReactComponent.Snackbar.simpleLayout({ + center: Spicetify.React.createElement("div", { + dangerouslySetInnerHTML: { + __html: + "Sidebar config is not supported when Global Navbar is enabled. In Powershell, please run spicetify config sidebar_config 0 command and then re-apply spicetify with spicetify apply.", + }, + style: { + "text-size": "12px", + }, + }), + }), + }), + }); isGlobalNavbar = true; } + if (!isGlobalNavbar) { new Spicetify.Menu.Item( "Sidebar config",