/** * @name DisplayServersAsChannels * @author DevilBro * @authorId 278543574059057154 * @version 2.0.5 * @description Displays Servers in a similar way as Channels * @invite Jx3TjNS * @donate https://www.paypal.me/MircoWittrien * @patreon https://www.patreon.com/MircoWittrien * @website https://mwittrien.github.io/ * @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/DisplayServersAsChannels/ * @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Plugins/DisplayServersAsChannels/DisplayServersAsChannels.plugin.js */ module.exports = (_ => { const changeLog = { }; return !window.BDFDB_Global || (!window.BDFDB_Global.loaded && !window.BDFDB_Global.started) ? class { constructor (meta) {for (let key in meta) this[key] = meta[key];} getName () {return this.name;} getAuthor () {return this.author;} getVersion () {return this.version;} getDescription () {return `The Library Plugin needed for ${this.name} is missing. Open the Plugin Settings to download it. \n\n${this.description}`;} downloadLibrary () { BdApi.Net.fetch("https://mwittrien.github.io/BetterDiscordAddons/Library/0BDFDB.plugin.js").then(r => { if (!r || r.status != 200) throw new Error(); else return r.text(); }).then(b => { if (!b) throw new Error(); else return require("fs").writeFile(require("path").join(BdApi.Plugins.folder, "0BDFDB.plugin.js"), b, _ => BdApi.UI.showToast("Finished downloading BDFDB Library", {type: "success"})); }).catch(error => { BdApi.UI.alert("Error", "Could not download BDFDB Library Plugin. Try again later or download it manually from GitHub: https://mwittrien.github.io/downloader/?library"); }); } load () { if (!window.BDFDB_Global || !Array.isArray(window.BDFDB_Global.pluginQueue)) window.BDFDB_Global = Object.assign({}, window.BDFDB_Global, {pluginQueue: []}); if (!window.BDFDB_Global.downloadModal) { window.BDFDB_Global.downloadModal = true; BdApi.UI.showConfirmationModal("Library Missing", `The Library Plugin needed for ${this.name} is missing. Please click "Download Now" to install it.`, { confirmText: "Download Now", cancelText: "Cancel", onCancel: _ => {delete window.BDFDB_Global.downloadModal;}, onConfirm: _ => { delete window.BDFDB_Global.downloadModal; this.downloadLibrary(); } }); } if (!window.BDFDB_Global.pluginQueue.includes(this.name)) window.BDFDB_Global.pluginQueue.push(this.name); } start () {this.load();} stop () {} getSettingsPanel () { let template = document.createElement("template"); template.innerHTML = `
The Library Plugin needed for ${this.name} is missing.\nPlease click Download Now to install it.
`; template.content.firstElementChild.querySelector("a").addEventListener("click", this.downloadLibrary); return template.content.firstElementChild; } } : (([Plugin, BDFDB]) => { return class DisplayServersAsChannels extends Plugin { onLoad () { this.defaults = { general: { showGuildIcon: {value: true, description: "Adds the Server Icon"}, showGuildBadge: {value: true, description: "Adds the Server Badge (partnered, verified, etc)"} }, amounts: { serverListWidth: {value: 240, min: 45, description: "Server List Width in px: "}, serverElementHeight: {value: 32, min: 16, description: "Server Element Height in px: "} } }; this.patchPriority = 9; this.modulePatches = { before: [ "TooltipContainer", "TooltipContainerWithShortcut" ], after: [ "CircleIconButton", "DirectMessage", "FolderIconWrapper", "GuildBadge", "GuildFavorites", "GuildItem", "GuildsBar", "HomeButtonDefault", "IconBadge", "UnavailableGuildsButton" ] }; this.css = ` ${BDFDB.dotCN.tooltip}:not(${BDFDB.dotCN._serverdetailstooltip}):has(${BDFDB.dotCN.guildlistitemtooltip}), ${BDFDB.dotCN._displayserversaschannelsname} ~ ${BDFDB.dotCN.guildfolderbuttoninner} { display: none !important; } ${BDFDB.dotCN.forumpagelist} { justify-content: flex-start; } `; } onStart () { BDFDB.DOMUtils.addClass(document.body, BDFDB.disCN._displayserversaschannelsstyled); this.forceUpdateAll(); this.addCSS(); } onStop () { BDFDB.DOMUtils.removeClassFromDOM(BDFDB.disCN._displayserversaschannelsstyled); BDFDB.DOMUtils.removeLocalStyle("DSACStyle" + this.name); this.forceUpdateAll(); } getSettingsPanel (collapseStates = {}) { let settingsPanel; return settingsPanel = BDFDB.PluginUtils.createSettingsPanel(this, { collapseStates: collapseStates, children: _ => { let settingsItems = []; for (let key in this.defaults.general) settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, { type: "Switch", plugin: this, keys: ["general", key], label: this.defaults.general[key].description, value: this.settings.general[key] })); for (let key in this.defaults.amounts) settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, { type: "TextInput", childProps: { type: "number" }, plugin: this, keys: ["amounts", key], label: this.defaults.amounts[key].description, basis: "20%", min: this.defaults.amounts[key].min, max: this.defaults.amounts[key].max, value: this.settings.amounts[key] })); return settingsItems; } }); } onSettingsClosed () { if (this.SettingsUpdated) { delete this.SettingsUpdated; this.forceUpdateAll(); this.addCSS(); } } forceUpdateAll () { BDFDB.DiscordUtils.rerenderAll(); } processGuildsBar (e) { let sidebar = document.querySelector(BDFDB.dotCN.channels); if (sidebar) sidebar.style.removeProperty("display"); const process = returnValue => { let scroller = BDFDB.ReactUtils.findChild(returnValue, {props: [["className", BDFDB.disCN.guildsscroller]]}); if (scroller) { scroller.props.fade = true; let padding = parseInt(BDFDB.LibraryModules.PlatformUtils.isWindows() ? 4 : BDFDB.LibraryModules.PlatformUtils.isLinux() ? 0 : 12) + 10; let isVisible = (currentItem, t, items) => { if (!scroller.ref || !scroller.ref.current) return false; const index = items.findIndex(item => typeof item == "string" || !item ? currentItem === item : item.includes(currentItem)); if (index < 0) return false; let size = this.settings.amounts.serverElementHeight * index + padding; if (!t) size += 40; const state = typeof scroller.ref.current.getScrollerState == "function" ? scroller.ref.current.getScrollerState() : Node.prototype.isPrototypeOf(scroller.ref.current) ? scroller.ref.current : {}; return !!(!t && size >= state.scrollTop || t && size + parseInt(this.settings.amounts.serverElementHeight) <= state.scrollTop + state.offsetHeight); }; let topBar = BDFDB.ReactUtils.findChild(returnValue, {props: [["className", BDFDB.disCN.guildswrapperunreadmentionsbartop]]}); if (topBar) topBar.props.isVisible = BDFDB.TimeUtils.suppress(isVisible, "Error in isVisible of Top Bar in Guild List!"); let bottomBar = BDFDB.ReactUtils.findChild(returnValue, {props: [["className", BDFDB.disCN.guildswrapperunreadmentionsbarbottom]]}); if (bottomBar) bottomBar.props.isVisible = BDFDB.TimeUtils.suppress(isVisible, "Error in isVisible of Bottom Bar in Guild List!"); } }; let themeWrapper = BDFDB.ReactUtils.findChild(e.returnvalue, {filter: n => n && n.props && typeof n.props.children == "function"}); if (themeWrapper) { let childrenRender = themeWrapper.props.children; themeWrapper.props.children = BDFDB.TimeUtils.suppress((...args) => { let children = childrenRender(...args); process(children); return children; }, "Error in Children Render of Theme Wrapper!", this); } else process(e.returnvalue); } processHomeButtonDefault (e) { e.returnvalue = this.removeTooltip(e.returnvalue); e.returnvalue = this.removeMask(e.returnvalue); this.addElementName(e.returnvalue, BDFDB.LanguageUtils.LanguageStrings.HOME); } processGuildFavorites (e) { e.returnvalue = this.removeTooltip(e.returnvalue); e.returnvalue = this.removeMask(e.returnvalue); this.addElementName(e.returnvalue, BDFDB.LanguageUtils.LanguageStrings.FAVORITES); } processDirectMessage (e) { if (!e.instance.props.channel.id) return; if (e.returnvalue.props.children && e.returnvalue.props.children.props) e.returnvalue.props.children.props.className = BDFDB.DOMUtils.formatClassName(e.returnvalue.props.children.props.className, BDFDB.LibraryStores.UserGuildSettingsStore.isChannelMuted(null, e.instance.props.channel.id) && BDFDB.disCN._displayserversaschannelsmuted); e.returnvalue = this.removeTooltip(e.returnvalue); e.returnvalue = this.removeMask(e.returnvalue); this.addElementName(e.returnvalue, e.instance.props.channelName, { isDm: true }); } processGuildItem (e) { if (!e.instance.props.guild) return; let guildcontainer = BDFDB.ReactUtils.findChild(e.returnvalue, {props: [["className", BDFDB.disCN.guildcontainer]]}); if (guildcontainer) guildcontainer.props.className = BDFDB.DOMUtils.formatClassName(guildcontainer.props.className, BDFDB.LibraryStores.UserGuildSettingsStore.isMuted(e.instance.props.guild.id) && BDFDB.disCN._displayserversaschannelsmuted); e.returnvalue.props.children[1].props.children = this.removeMask(this.removeMask(e.returnvalue.props.children[1].props.children)); let backBadges = [e.returnvalue.props.children[1].props.children.props.children].flat(10).slice(1); e.returnvalue.props.children[1].props.children.props.children = [[e.returnvalue.props.children[1].props.children.props.children].flat(10)[0]]; e.returnvalue.props.children[1] = this.removeTooltip(e.returnvalue.props.children[1].props.children, e.instance.props.guild); this.addElementName([e.returnvalue.props.children[1].props.children.props.children].flat(10)[0], e.instance.props.guild.name, { frontBadges: [ this.settings.general.showGuildIcon && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildIcon, { animate: e.instance.props.animatable && e.instance.state && e.instance.state.hovered, guild: e.instance.props.guild, size: BDFDB.LibraryComponents.GuildIcon.Sizes.SMALLER }), this.settings.general.showGuildBadge && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildBadge, { size: this.settings.amounts.serverElementHeight * 0.5, badgeColor: BDFDB.DiscordConstants.Colors.PRIMARY_400, tooltipColor: BDFDB.LibraryComponents.TooltipContainer.Colors.BLACK, tooltipPosition: BDFDB.LibraryComponents.TooltipContainer.Positions.RIGHT, guild: e.instance.props.guild }) ], backBadges: backBadges }); } processGuildBadge (e) { this.processIconBadge(e, "Guild"); } processIconBadge (e, type = "Icon") { if (!e.returnvalue) return; let ref = e.returnvalue.ref; e.returnvalue.ref = BDFDB.TimeUtils.suppress(instance => { if (typeof ref == "function") ref(instance); let node = BDFDB.ReactUtils.findDOMNode(instance); if (node) for (let path of node.querySelectorAll("path")) path.style.setProperty("d", `path("${path.getAttribute("d")}")`, "important"); }, `Error in Ref of ${type} Badge`, this); } processFolderIconWrapper (e) { if (!e.instance.props.folderNode) return; e.returnvalue = this.removeMask(e.returnvalue); let folderColor = BDFDB.ColorUtils.convert(e.instance.props.folderNode.color, "HEX") || BDFDB.ColorUtils.convert(BDFDB.DiscordConstants.Colors.BRAND, "RGB"); let folderSize = Math.round(this.settings.amounts.serverElementHeight * 0.725); let badge = null; let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {props: [["className", BDFDB.disCN.guildfolderbuttoninner]]}); if (index > -1 && children[index] && children[index].props && children[index].props.style && children[index].props.style.background) badge = children[index]; else { [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {name: "FolderIcon"}); if (index > -1) children[index] = null; } children.unshift(BDFDB.ReactUtils.createElement(BDFDB.ReactUtils.Fragment, { children: [] })); this.addElementName(children, e.instance.props.folderNode.name || BDFDB.LanguageUtils.LanguageStrings.FOLDER, { wrap: true, index: 0, backgroundColor: e.instance.props.expanded && BDFDB.ColorUtils.setAlpha(folderColor, 0.2), frontBadges: badge || BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, { color: folderColor, width: folderSize, height: folderSize, name: BDFDB.LibraryComponents.SvgIcon.Names.FOLDER }) }); } processCircleIconButton (e) { e.returnvalue = this.removeTooltip(e.returnvalue); e.returnvalue = this.removeMask(e.returnvalue); this.addElementName(e.returnvalue, e.instance.props.tooltip, { wrap: true, backgroundColor: "transparent" }); } processUnavailableGuildsButton (e) { e.returnvalue = this.removeTooltip(e.returnvalue); this.addElementName(e.returnvalue, `${e.instance.props.unavailableGuilds} ${e.instance.props.unavailableGuilds == 1 ? "Server" : "Servers"}`, { wrap: true, backgroundColor: "transparent" }); } processTooltipContainer (e) { if (!e.instance.props.tooltipClassName || e.instance.props.tooltipClassName.indexOf(BDFDB.disCN.guildlistitemtooltip) == -1) return; e.instance.props.shouldShow = false; } processTooltipContainerWithShortcut (e) { if (!e.instance.props.__unsupportedReactNodeAsText || !e.instance.props.__unsupportedReactNodeAsText.props || !e.instance.props.__unsupportedReactNodeAsText.props.className || e.instance.props.__unsupportedReactNodeAsText.props.className.indexOf(BDFDB.disCN.guildlistitemtooltip) == -1) return; e.instance.props.shouldShow = false; } removeTooltip (parent, guild) { let [children, index] = BDFDB.ReactUtils.findParent(parent, {name: ["ListItemTooltip", "GuildTooltip", "BDFDB_TooltipContainer"]}); if (index == -1) { if (guild) return BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, { text: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildVoiceList, { guild: guild }), tooltipConfig: { type: "right" }, children: parent }); } else { if (!guild) children[index] = children[index].props.children; else children[index] = BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, { text: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildVoiceList, { guild: guild }), tooltipConfig: { type: "right" }, children: children[index].props.children }); } return parent; } removeMask (parent) { let [children, index] = BDFDB.ReactUtils.findParent(parent, {name: "BlobMask"}); let parentIsMask = index == -1 && typeof parent.type == "function" && parent.type.toString().indexOf("BlobMask") > -1; if (parentIsMask) [children, index] = [[parent], 0]; if (index > -1) { let badges = []; for (let key of Object.keys(children[index].props)) { if (key && key.endsWith("Badge") && BDFDB.ReactUtils.isValidElement(children[index].props[key])) badges.push(children[index].props[key]); } if (badges.length) { let insertBadges = returnvalue => { if (returnvalue.props.children) (returnvalue.props.children[1] || returnvalue.props.children[0] || returnvalue.props.children).props.children = [ (returnvalue.props.children[1] || returnvalue.props.children[0] || returnvalue.props.children).props.children, badges ].flat(10).filter(n => n); else returnvalue.props.children = [badges]; }; if (children[index].props.children && children[index].props.children.props && typeof children[index].props.children.props.children == "function") { let childrenRender = children[index].props.children.props.children; children[index].props.children.props.children = BDFDB.TimeUtils.suppress((...args) => { let renderedChildren = childrenRender(...args); insertBadges(renderedChildren); return renderedChildren; }, "", this); } else insertBadges(children[index]); } children[index] = children[index].props.children; if (parentIsMask) return BDFDB.ArrayUtils.is(children[index]) && children[index].length == 1 ? children[index][0] : children[index]; } return BDFDB.ArrayUtils.is(parent) && parent.length == 1 ? parent[0] : parent; } addElementName (parent, name, options = {}) { let [children, index] = options.index != null ? [parent, options.index] : BDFDB.ReactUtils.findParent(parent, { name: ["NavItem", "Clickable"], someProps: true, props: [["className", BDFDB.disCN.guildserror], ["className", BDFDB.disCN.guildbuttoninner]], filter: c => c && c.props && (c.props.id == "home" || !isNaN(parseInt(c.props.id))) }); if (index == -1) return; let insertElements = returnvalue => { if (BDFDB.ReactUtils.findChild(parent, {props: [["className", BDFDB.disCN._displayserversaschannelsname]]})) return; let childEles = [ [ options.isDm && returnvalue.props.icon && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Avatars.Avatar, { src: returnvalue.props.icon, size: BDFDB.LibraryComponents.AvatarConstants.AvatarSizes.SIZE_24 }), options.frontBadges, ].flat(10).filter(n => n).map(badge => BDFDB.ReactUtils.createElement("div", { className: BDFDB.disCN._displayserversaschannelsbadge, children: badge })), BDFDB.ReactUtils.createElement("div", { className: BDFDB.disCN._displayserversaschannelsname, children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextScroller, { children: name }) }), [returnvalue.props.children, options.backBadges, options.wrap && children.slice(index + 1)].flat(10).filter(n => !(n && (n.type && n.type.displayName == "FolderIcon" || n.props && n.props.className && n.props.className.indexOf(BDFDB.disCN.guildfoldericonwrapper) > -1))) ].flat().filter(n => n); delete returnvalue.props.icon; delete returnvalue.props.name; if (options.wrap) for (let i = children.slice(index + 1).length; i > 0; i--) children[index + i] = null; returnvalue.props.children = options.wrap ? BDFDB.ReactUtils.createElement("div", { className: BDFDB.disCNS.guildiconchildwrapper + BDFDB.disCNS.guildiconchildwrappernohoverbg + BDFDB.disCN.guildiconacronym, style: {backgroundColor: options.backgroundColor}, children: childEles }) : childEles; }; if (typeof children[index].props.children == "function") { let childrenRender = children[index].props.children; children[index].props.children = BDFDB.TimeUtils.suppress((...args) => { let renderedChildren = childrenRender(...args); insertElements(renderedChildren); return renderedChildren; }, "", this); } else insertElements(children[index]); } addCSS () { BDFDB.DOMUtils.appendLocalStyle("DSACStyle" + this.name, ` :root, ${BDFDB.dotCN.visualrefresh} { --custom-guild-list-width: ${this.settings.amounts.serverListWidth}px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.channels} { width: unset !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.channelslist} { width: calc(var(--custom-guild-sidebar-width) - (calc(var(--guildbar-avatar-size) + var(--custom-guild-list-padding)*2))) !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.stack} { margin: unset !important; gap: unset !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper + BDFDB.notCN.guildswrapperhidden}:not(._closed), ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildsscroller}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildswrapperunreadmentionsbartop}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildswrapperunreadmentionsbarbottom} { width: ${this.settings.amounts.serverListWidth}px; } ${BDFDB.dotCNS.themedark + BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildsscroller}::-webkit-scrollbar-thumb, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper + BDFDB.dotCNS.themedark + BDFDB.dotCN.guildsscroller}::-webkit-scrollbar-thumb { background-color: ${BDFDB.DiscordConstants.Colors.PRIMARY_800}; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildouter} { width: auto; display: flex; justify-content: flex-start; margin-bottom: 8px; margin-left: 8px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildinner} { width: ${this.settings.amounts.serverListWidth - 20}px; height: ${this.settings.amounts.serverElementHeight}px; border-radius: 4px !important; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildsscroller} > div[style*="transform"][style*="height"] { height: unset !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildpillwrapper} { left: -8px; transform: scaleY(calc(${this.settings.amounts.serverElementHeight}/40)); overflow: visible; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildiconchildwrapper} { width: ${this.settings.amounts.serverListWidth - 20}px; height: ${this.settings.amounts.serverElementHeight}px; border-radius: 4px !important; padding: 0 8px; box-sizing: border-box; cursor: pointer; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN._displayserversaschannelsname} { flex: 1 1 auto; font-size: ${this.settings.amounts.serverElementHeight / 2}px; font-weight: 500; padding-top: 1px; overflow: hidden; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN._displayserversaschannelsname} ~ img { height: 130%; width: unset; object-fit: cover; margin-right: calc(-12% + 12px); -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,1) 15%, rgba(0,0,0,1)); } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS._displayserversaschannelsmuted + BDFDB.dotCN._displayserversaschannelsname} { opacity: 0.6; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS._displayserversaschannelsmuted + BDFDB.dotCNS.guildiconselected + BDFDB.dotCN._displayserversaschannelsname} { opacity: 1; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN._displayserversaschannelsbadge}:not(:empty) { display: flex; margin-right: 4px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCNS._displayserversaschannelsbadge + BDFDB.dotCN.avataricon} { display: flex; align-items: center; justify-content: center; width: ${this.settings.amounts.serverElementHeight/32 * 24}px; height: ${this.settings.amounts.serverElementHeight/32 * 24}px; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN.badgebase} { margin-left: 4px; border-radius: ${this.settings.amounts.serverElementHeight/32 * 8}px; width: ${this.settings.amounts.serverElementHeight/32 * 16}px; height: ${this.settings.amounts.serverElementHeight/32 * 16}px; font-size: ${this.settings.amounts.serverElementHeight/32 * 12}px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN.badgebase}[style*="width: 16px;"] { width: ${this.settings.amounts.serverElementHeight/32 * 16}px !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN.badgebase}[style*="width: 22px;"] { width: ${this.settings.amounts.serverElementHeight/32 * 22}px !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN.badgebase}[style*="width: 30px;"] { width: ${this.settings.amounts.serverElementHeight/32 * 30}px !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.avatarwrapper} { width: ${this.settings.amounts.serverElementHeight/32 * 24}px !important; height: ${this.settings.amounts.serverElementHeight/32 * 24}px !important; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildseparator} { width: ${this.settings.amounts.serverListWidth - 20}px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildiconwrapper} { height: ${this.settings.amounts.serverElementHeight}px; width: ${this.settings.amounts.serverListWidth - 20}px; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderwrapper} { width: auto; margin-bottom: 10px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolder}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderbutton}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderbuttoninner} { display: flex; align-items: center; border-radius: 0; height: ${this.settings.amounts.serverElementHeight}px; width: ${this.settings.amounts.serverListWidth - 20}px; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolder}:hover { background: transparent; border-radius: 4px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolder}[data-folder-name]::after { content: attr(data-folder-name); color: var(--text-subtle); display: flex; justify-content: flex-start; align-items: center; font-size: ${this.settings.amounts.serverElementHeight / 2}px; font-weight: 500; text-transform: capitalize; padding-top: 1px; padding-left: 3px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfoldericonwrapper}[style*="background"] { margin-left: ${Math.round(this.settings.amounts.serverElementHeight * -0.15)}px; background-position-x: ${Math.round(this.settings.amounts.serverElementHeight * 0.75) / 10}px !important; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolder} > ${BDFDB.dotCN.guildfoldericonwrapper} { margin-left: 6px; background-size: ${Math.round(this.settings.amounts.serverElementHeight * 0.85)}px ${Math.round(this.settings.amounts.serverElementHeight * 0.85)}px !important; background-position: center center !important; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfoldericonwrapper} { width: ${Math.round(this.settings.amounts.serverElementHeight * 0.85)}px; height: ${Math.round(this.settings.amounts.serverElementHeight * 0.85)}px; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderexpandedbackground} { top: -2px; right: 10px; bottom: -2px; left: 6px; width: auto; border-radius: 4px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN._displayserversaschannelscolored}[style*="--custom-folder-color"] ${BDFDB.dotCN.guildfolderexpandedbackground} { background-color: color-mix(in srgb,var(--custom-folder-color), transparent 75%) !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderwrapper} [role="group"] { height: auto !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper + BDFDB.dotCNS._serverfoldershassidebar + BDFDB.dotCN.guildfolderwrapper} > ${BDFDB.dotCN.guildouter}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper + BDFDB.dotCNS._serverfoldershassidebar + BDFDB.dotCN.guildfolderwrapper} [role="group"] > ${BDFDB.dotCN.guildouter}:last-child { margin-bottom: 0; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper + BDFDB.dotCNS._serverfoldersfoldercontent + BDFDB.dotCN.guildfolder} { background-color: var(--background-base-lower); padding: 0 8px 0 6px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper + BDFDB.dotCNS._serverfoldersfoldercontent + BDFDB.dotCN.guildfolderbutton}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper + BDFDB.dotCNS._serverfoldersfoldercontent + BDFDB.dotCN.guildfoldericon} { width: ${Math.round(this.settings.amounts.serverElementHeight * 0.85)}px; height: ${Math.round(this.settings.amounts.serverElementHeight * 0.85)}px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildbuttoninner} { width: ${this.settings.amounts.serverListWidth - 20}px; height: ${this.settings.amounts.serverElementHeight}px; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildbuttoninner} svg, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfavoritesring} { width: ${this.settings.amounts.serverElementHeight/32 * 20}px; height: ${this.settings.amounts.serverElementHeight/32 * 20}px; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildbuttoninner + BDFDB.dotCN._displayserversaschannelsname} { padding-top: 0; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildserror} { width: ${this.settings.amounts.serverListWidth - 20}px; height: ${this.settings.amounts.serverElementHeight}px; font-size: ${this.settings.amounts.serverElementHeight/32 * 20}px; border: none; display: block; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildserror + BDFDB.dotCN.guildiconchildwrapper} { padding-right: ${this.settings.amounts.serverElementHeight/32 * 16 + (32/this.settings.amounts.serverElementHeight - 1) * 4}px; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildserror + BDFDB.dotCN._displayserversaschannelsname} { padding-top: 0; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN._readallnotificationsbuttonframe}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN._readallnotificationsbuttoninner}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN._readallnotificationsbuttonbutton} { width: ${this.settings.amounts.serverListWidth - 20}px; height: ${this.settings.amounts.serverElementHeight}px !important; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN._friendnotificationsfriendsonline}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildslabel} { width: ${this.settings.amounts.serverListWidth - 20}px; height: ${this.settings.amounts.serverElementHeight * 0.6}px !important; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN._readallnotificationsbuttonbutton}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN._friendnotificationsfriendsonline}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildslabel} { display: flex; justify-content: flex-start; align-items: center; font-size: ${this.settings.amounts.serverElementHeight / 2}px; font-weight: 500; text-transform: capitalize; padding-top: 1px; padding-left: 8px; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildplaceholdermask}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildiconwrapper}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolder}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildbuttoninner}, ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildserror} { border-radius: 4px; overflow: hidden; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildplaceholdermask} { background-color: var(--background-base-low); border-radius: 4px; width: ${this.settings.amounts.serverListWidth - 20}px; height: ${this.settings.amounts.serverElementHeight}px; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildplaceholdermask} > *, display: none; } ${BDFDB.dotCN._displayserversaschannelsstyled} .typingindicator-guild, ${BDFDB.dotCN._displayserversaschannelsstyled} .typingindicator-dms, ${BDFDB.dotCN._displayserversaschannelsstyled} .typingindicator-folder { position: static !important; margin-left: -34px !important; padding-left: 6px !important; box-shadow: unset !important; background: var(--background-base-low) !important; z-index: 1 !important; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper} #server-search ${BDFDB.dotCN.guildinner}::before { content: "Server Search"; color: var(--text-subtle); display: flex; align-items: center; height: ${this.settings.amounts.serverElementHeight}px; font-size: ${this.settings.amounts.serverElementHeight / 2}px; font-weight: 500; padding-left: 8px; transform: unset; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper} #server-search ${BDFDB.dotCN.guildinner}::after { content: ""; position: absolute; top: ${this.settings.amounts.serverElementHeight/32 * 6}px; right: 7px; width: ${this.settings.amounts.serverElementHeight/32 * 20}px; height: ${this.settings.amounts.serverElementHeight/32 * 20}px; background: var(--text-subtle); transform: unset; -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTMuNjAwOTE0ODEsNy4yMDI5NzMxMyBDMy42MDA5MTQ4MSw1LjIwOTgzNDE5IDUuMjA5ODM0MTksMy42MDA5MTQ4MSA3LjIwMjk3MzEzLDMuNjAwOTE0ODEgQzkuMTk2MTEyMDYsMy42MDA5MTQ4MSAxMC44MDUwMzE0LDUuMjA5ODM0MTkgMTAuODA1MDMxNCw3LjIwMjk3MzEzIEMxMC44MDUwMzE0LDkuMTk2MTEyMDYgOS4xOTYxMTIwNiwxMC44MDUwMzE0IDcuMjAyOTczMTMsMTAuODA1MDMxNCBDNS4yMDk4MzQxOSwxMC44MDUwMzE0IDMuNjAwOTE0ODEsOS4xOTYxMTIwNiAzLjYwMDkxNDgxLDcuMjAyOTczMTMgWiBNMTIuMDA1NzE3NiwxMC44MDUwMzE0IEwxMS4zNzMzNTYyLDEwLjgwNTAzMTQgTDExLjE0OTIyODEsMTAuNTg4OTA3OSBDMTEuOTMzNjc2NCw5LjY3NjM4NjUxIDEyLjQwNTk0NjMsOC40OTE3MDk1NSAxMi40MDU5NDYzLDcuMjAyOTczMTMgQzEyLjQwNTk0NjMsNC4zMjkzMzEwNSAxMC4wNzY2MTUyLDIgNy4yMDI5NzMxMywyIEM0LjMyOTMzMTA1LDIgMiw0LjMyOTMzMTA1IDIsNy4yMDI5NzMxMyBDMiwxMC4wNzY2MTUyIDQuMzI5MzMxMDUsMTIuNDA1OTQ2MyA3LjIwMjk3MzEzLDEyLjQwNTk0NjMgQzguNDkxNzA5NTUsMTIuNDA1OTQ2MyA5LjY3NjM4NjUxLDExLjkzMzY3NjQgMTAuNTg4OTA3OSwxMS4xNDkyMjgxIEwxMC44MDUwMzE0LDExLjM3MzM1NjIgTDEwLjgwNTAzMTQsMTIuMDA1NzE3NiBMMTQuODA3MzE4NSwxNiBMMTYsMTQuODA3MzE4NSBMMTIuMjEwMjUzOCwxMS4wMDk5Nzc2IEwxMi4wMDU3MTc2LDEwLjgwNTAzMTQgWiI+PC9wYXRoPjwvZz48L3N2Zz4=') center/cover no-repeat; } ${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper} #server-search ${BDFDB.dotCN.guildsvg} { display: none; }`); } }; })(window.BDFDB_Global.PluginUtils.buildPlugin(changeLog)); })();