504 lines
23 KiB
JavaScript
504 lines
23 KiB
JavaScript
//META{"name":"DisplayServersAsChannels","authorId":"278543574059057154","invite":"Jx3TjNS","donate":"https://www.paypal.me/MircoWittrien","patreon":"https://www.patreon.com/MircoWittrien","website":"https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/DisplayServersAsChannels","source":"https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Plugins/DisplayServersAsChannels/DisplayServersAsChannels.plugin.js"}*//
|
|
|
|
var DisplayServersAsChannels = (_ => {
|
|
var settings = {}, amounts = {};
|
|
|
|
return class DisplayServersAsChannels {
|
|
getName () {return "DisplayServersAsChannels";}
|
|
|
|
getVersion () {return "1.4.1";}
|
|
|
|
getAuthor () {return "DevilBro";}
|
|
|
|
getDescription () {return "Display servers in a similar way as channels.";}
|
|
|
|
constructor () {
|
|
this.patchPriority = 10;
|
|
|
|
this.patchedModules = {
|
|
after: {
|
|
Guilds: "render",
|
|
DefaultHomeButton: "render",
|
|
DirectMessage: "render",
|
|
Guild: "render",
|
|
GuildFolder: "type",
|
|
CircleIconButton: "render",
|
|
UnavailableGuildsButton: "UnavailableGuildsButton"
|
|
}
|
|
};
|
|
}
|
|
|
|
initConstructor () {
|
|
this.defaults = {
|
|
settings: {
|
|
showGuildIcon: {value:true, description:"Show a icon for servers"},
|
|
},
|
|
amounts: {
|
|
serverListWidth: {value:240, min:45, description:"Server list width in px:"},
|
|
serverElementHeight: {value:32, min:16, description:"Server element height in px:"}
|
|
}
|
|
};
|
|
}
|
|
|
|
getSettingsPanel (collapseStates = {}) {
|
|
if (!window.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
|
|
let settings = BDFDB.DataUtils.get(this, "settings");
|
|
let amounts = BDFDB.DataUtils.get(this, "amounts");
|
|
let settingsPanel, settingsItems = [];
|
|
|
|
for (let key in settings) settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
|
|
className: BDFDB.disCN.marginbottom8,
|
|
type: "Switch",
|
|
plugin: this,
|
|
keys: ["settings", key],
|
|
label: this.defaults.settings[key].description,
|
|
value: settings[key]
|
|
}));
|
|
for (let key in amounts) settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
|
|
className: BDFDB.disCN.marginbottom8,
|
|
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: amounts[key]
|
|
}));
|
|
|
|
return settingsPanel = BDFDB.PluginUtils.createSettingsPanel(this, settingsItems);
|
|
}
|
|
|
|
// Legacy
|
|
load () {
|
|
if (window.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) BDFDB.PluginUtils.load(this);
|
|
}
|
|
|
|
start () {
|
|
if (!window.BDFDB) window.BDFDB = {myPlugins:{}};
|
|
if (window.BDFDB && window.BDFDB.myPlugins && typeof window.BDFDB.myPlugins == "object") window.BDFDB.myPlugins[this.getName()] = this;
|
|
let libraryScript = document.querySelector("head script#BDFDBLibraryScript");
|
|
if (!libraryScript || (performance.now() - libraryScript.getAttribute("date")) > 600000) {
|
|
if (libraryScript) libraryScript.remove();
|
|
libraryScript = document.createElement("script");
|
|
libraryScript.setAttribute("id", "BDFDBLibraryScript");
|
|
libraryScript.setAttribute("type", "text/javascript");
|
|
libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.min.js");
|
|
libraryScript.setAttribute("date", performance.now());
|
|
libraryScript.addEventListener("load", _ => {this.initialize();});
|
|
document.head.appendChild(libraryScript);
|
|
}
|
|
else if (window.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) this.initialize();
|
|
this.startTimeout = setTimeout(_ => {
|
|
try {return this.initialize();}
|
|
catch (err) {console.error(`%c[${this.getName()}]%c`, "color: #3a71c1; font-weight: 700;", "", "Fatal Error: Could not initiate plugin! " + err);}
|
|
}, 30000);
|
|
}
|
|
|
|
initialize () {
|
|
if (window.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
|
|
if (this.started) return;
|
|
BDFDB.PluginUtils.init(this);
|
|
|
|
BDFDB.DOMUtils.addClass(document.body, BDFDB.disCN._displayserversaschannelsstyled);
|
|
|
|
BDFDB.ModuleUtils.patch(this, BDFDB.LibraryComponents.GuildComponents.Guild.prototype, "render", {after: e => {
|
|
if (e.thisObject.props.list) this.processGuild({instance:e.thisObject, returnvalue:e.returnValue, methodname:"render"});
|
|
}});
|
|
|
|
this.forceUpdateAll();
|
|
this.addCSS();
|
|
}
|
|
else console.error(`%c[${this.getName()}]%c`, "color: #3a71c1; font-weight: 700;", "", "Fatal Error: Could not load BD functions!");
|
|
}
|
|
|
|
stop () {
|
|
if (window.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
|
|
this.stopping = true;
|
|
|
|
BDFDB.DOMUtils.removeClassFromDOM(BDFDB.disCN._displayserversaschannelsstyled);
|
|
|
|
BDFDB.DOMUtils.removeLocalStyle("DSACStyle" + this.name);
|
|
|
|
this.forceUpdateAll();
|
|
|
|
BDFDB.PluginUtils.clear(this);
|
|
}
|
|
}
|
|
|
|
|
|
// Begin of own functions
|
|
|
|
onSettingsClosed () {
|
|
if (this.SettingsUpdated) {
|
|
delete this.SettingsUpdated;
|
|
this.forceUpdateAll();
|
|
this.addCSS();
|
|
}
|
|
}
|
|
|
|
processGuilds (e) {
|
|
let [errorChildren, errorIndex] = BDFDB.ReactUtils.findParent(e.returnvalue, {name: "FluxContainer(<Unknown>)"});
|
|
if (errorIndex > -1) errorChildren[errorIndex] = BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildComponents.Items.UnavailableGuildsButton, {
|
|
unavailableGuilds: BDFDB.LibraryModules.GuildUnavailableStore.totalUnavailableGuilds
|
|
});
|
|
let scroller = BDFDB.ReactUtils.findChild(e.returnvalue, {props:[["className", BDFDB.disCN.guildsscroller]]});
|
|
if (scroller) {
|
|
scroller.props.fade = true;
|
|
scroller.type = BDFDB.LibraryComponents.ScrollerThin;
|
|
}
|
|
}
|
|
|
|
processDefaultHomeButton (e) {
|
|
this.removeTooltip(e.returnvalue);
|
|
this.removeMask(e.returnvalue);
|
|
this.addElementName(e.returnvalue, BDFDB.LanguageUtils.LanguageStrings.HOME);
|
|
}
|
|
|
|
processDirectMessage (e) {
|
|
if (e.instance.props.channel.id) {
|
|
let text = BDFDB.ReactUtils.findValue(e.returnvalue, "text");
|
|
let icon = BDFDB.ReactUtils.findValue(e.returnvalue, "icon");
|
|
this.removeTooltip(e.returnvalue);
|
|
this.removeMask(e.returnvalue);
|
|
this.addElementName(e.returnvalue, text, {
|
|
badges: icon && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.AvatarComponents.default, {
|
|
src: icon,
|
|
size: BDFDB.LibraryComponents.AvatarComponents.Sizes.SIZE_24
|
|
})
|
|
});
|
|
}
|
|
}
|
|
|
|
processGuild (e) {
|
|
if (e.instance.props.guild) {
|
|
this.removeTooltip(e.returnvalue);
|
|
this.removeMask(e.returnvalue);
|
|
this.addElementName(e.returnvalue, e.instance.props.guild.name, {
|
|
badges: [
|
|
settings.showGuildIcon && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildComponents.Icon, {
|
|
animate: e.instance.props.animatable && e.instance.state && e.instance.state.hovered,
|
|
guild: e.instance.props.guild,
|
|
size: BDFDB.LibraryComponents.GuildComponents.Icon.Sizes.SMALLER
|
|
}),
|
|
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildComponents.Badge, {
|
|
size: amounts.serverElementHeight * 0.5,
|
|
badgeColor: BDFDB.DiscordConstants.Colors.STATUS_GREY,
|
|
tooltipColor: BDFDB.LibraryComponents.TooltipContainer.Colors.BLACK,
|
|
tooltipPosition: BDFDB.LibraryComponents.TooltipContainer.Positions.RIGHT,
|
|
guild: e.instance.props.guild
|
|
})
|
|
]
|
|
});
|
|
}
|
|
}
|
|
|
|
processGuildFolder (e) {
|
|
if (e.instance.props.folderId) {
|
|
this.removeTooltip(e.returnvalue);
|
|
this.removeMask(e.returnvalue);
|
|
let folderColor = BDFDB.ColorUtils.convert(e.instance.props.folderColor, "HEX") || BDFDB.DiscordConstants.Colors.BRAND;
|
|
let folderSize = Math.round(amounts.serverElementHeight * 0.6);
|
|
this.addElementName(e.returnvalue, e.instance.props.folderName || BDFDB.LanguageUtils.LanguageStrings.SERVER_FOLDER_PLACEHOLDER, {
|
|
wrap: true,
|
|
backgroundColor: e.instance.props.expanded && BDFDB.ColorUtils.setAlpha(folderColor, 0.2),
|
|
badges: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
|
color: folderColor,
|
|
width: folderSize,
|
|
height: folderSize,
|
|
name: BDFDB.LibraryComponents.SvgIcon.Names.FOLDER
|
|
})
|
|
});
|
|
}
|
|
}
|
|
|
|
processCircleIconButton (e) {
|
|
this.removeTooltip(e.returnvalue);
|
|
this.removeMask(e.returnvalue);
|
|
this.addElementName(e.returnvalue, e.instance.props.tooltipText, {
|
|
wrap: true,
|
|
backgroundColor: "transparent"
|
|
});
|
|
}
|
|
|
|
processUnavailableGuildsButton (e) {
|
|
this.removeTooltip(e.returnvalue);
|
|
this.addElementName(e.returnvalue, `${e.instance.props.unavailableGuilds} ${e.instance.props.unavailableGuilds == 1 ? "Server" : "Servers"}`, {
|
|
wrap: true,
|
|
backgroundColor: "transparent"
|
|
});
|
|
}
|
|
|
|
removeTooltip (parent) {
|
|
let [children, index] = BDFDB.ReactUtils.findParent(parent, {name: ["Tooltip", "ListItemTooltip", "GuildTooltip", "BDFDB_TooltipContainer"]});
|
|
if (index > -1) children[index] = children[index].props.children;
|
|
}
|
|
|
|
removeMask (parent) {
|
|
let [children, index] = BDFDB.ReactUtils.findParent(parent, {name: "BlobMask"});
|
|
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]);
|
|
(children[index].props.children[0] || children[index].props.children).props.children = [
|
|
(children[index].props.children[0] || children[index].props.children).props.children,
|
|
badges
|
|
].flat(10).filter(n => n);
|
|
children[index] = children[index].props.children;
|
|
}
|
|
}
|
|
|
|
addElementName (parent, name, options = {}) {
|
|
let [children, index] = BDFDB.ReactUtils.findParent(parent, {name: ["NavItem", "Clickable"], props:[["className",BDFDB.disCN.guildserrorinner]]});
|
|
if (index > -1) {
|
|
delete children[index].props.icon;
|
|
delete children[index].props.name;
|
|
let [children2, index2] = BDFDB.ReactUtils.findParent(children[index].props.children, {name:"FolderIcon", props:[["className",BDFDB.disCN.guildfoldericonwrapper]]});
|
|
if (index2 > -1) children2.splice(index2, 1);
|
|
let childEles = [
|
|
[options.badges].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
|
|
})
|
|
}),
|
|
children[index].props.children
|
|
].flat().filter(n => n);
|
|
children[index].props.children = options.wrap ? BDFDB.ReactUtils.createElement("div", {
|
|
className: BDFDB.disCN.guildiconchildwrapper,
|
|
style: {backgroundColor: options.backgroundColor},
|
|
children: childEles
|
|
}) : childEles;
|
|
|
|
}
|
|
}
|
|
|
|
forceUpdateAll() {
|
|
settings = BDFDB.DataUtils.get(this, "settings");
|
|
amounts = BDFDB.DataUtils.get(this, "amounts");
|
|
|
|
BDFDB.ModuleUtils.forceAllUpdates(this);
|
|
BDFDB.GuildUtils.rerenderAll();
|
|
}
|
|
|
|
addCSS () {
|
|
BDFDB.DOMUtils.appendLocalStyle("DSACStyle" + this.name, `
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper},
|
|
${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: ${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_DARK_800};
|
|
}
|
|
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildouter} {
|
|
width: auto;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin-left: 8px;
|
|
}
|
|
${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} {
|
|
top: ${-1 * (48 - amounts.serverElementHeight) / 2}px;
|
|
left: -8px;
|
|
transform: scaleY(calc(${amounts.serverElementHeight}/48));
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildiconchildwrapper} {
|
|
height: ${amounts.serverElementHeight}px;
|
|
width: ${amounts.serverListWidth - 20}px;
|
|
padding: 0 8px;
|
|
box-sizing: border-box;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN._displayserversaschannelsname} {
|
|
flex: 1 1 auto;
|
|
font-size: ${amounts.serverElementHeight / 2}px;
|
|
font-weight: 400;
|
|
padding-top: 1px;
|
|
overflow: hidden;
|
|
}
|
|
${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} {
|
|
width: ${amounts.serverElementHeight/32 * 24}px;
|
|
height: ${amounts.serverElementHeight/32 * 24}px;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN.badgebase} {
|
|
margin-left: 4px;
|
|
border-radius: ${amounts.serverElementHeight/32 * 8}px;
|
|
width: ${amounts.serverElementHeight/32 * 16}px;
|
|
height: ${amounts.serverElementHeight/32 * 16}px;
|
|
font-size: ${amounts.serverElementHeight/32 * 12}px;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN.badgebase}[style*="width: 16px;"] {
|
|
width: ${amounts.serverElementHeight/32 * 16}px !important;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN.badgebase}[style*="width: 22px;"] {
|
|
width: ${amounts.serverElementHeight/32 * 22}px !important;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildiconchildwrapper + BDFDB.dotCN.badgebase}[style*="width: 30px;"] {
|
|
width: ${amounts.serverElementHeight/32 * 30}px !important;
|
|
}
|
|
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.homebuttonicon} {
|
|
width: ${amounts.serverElementHeight/32 * 28}px;
|
|
height: ${amounts.serverElementHeight/32 * 20}px;
|
|
}
|
|
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.avatarwrapper} {
|
|
width: ${amounts.serverElementHeight/32 * 24}px !important;
|
|
height: ${amounts.serverElementHeight/32 * 24}px !important;
|
|
}
|
|
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildseparator} {
|
|
width: ${amounts.serverListWidth - 20}px;
|
|
}
|
|
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildiconwrapper} {
|
|
height: ${amounts.serverElementHeight}px;
|
|
width: ${amounts.serverListWidth - 20}px;
|
|
}
|
|
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderwrapper} {
|
|
width: auto;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolder} {
|
|
height: ${amounts.serverElementHeight}px;
|
|
width: ${amounts.serverListWidth - 20}px;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderexpandedbackground} {
|
|
top: -2px;
|
|
right: 2px;
|
|
bottom: -2px;
|
|
left: 6px;
|
|
width: auto;
|
|
border-radius: 4px;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderwrapper} [role="group"] {
|
|
height: auto !important;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderwrapper} [role="group"] ${BDFDB.dotCN.guildouter}:last-child {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildbuttoninner} {
|
|
height: ${amounts.serverElementHeight}px;
|
|
width: ${amounts.serverListWidth - 20}px;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildbuttoninner} svg {
|
|
width: ${amounts.serverElementHeight/32 * 20}px;
|
|
height: ${amounts.serverElementHeight/32 * 20}px;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildbuttoninner + BDFDB.dotCN._displayserversaschannelsname} {
|
|
padding-top: 0;
|
|
}
|
|
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildserror} {
|
|
height: ${amounts.serverElementHeight}px;
|
|
width: ${amounts.serverListWidth - 20}px;
|
|
font-size: ${amounts.serverElementHeight/32 * 20}px;
|
|
border: none;
|
|
display: block;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCNS.guildserror + BDFDB.dotCN.guildiconchildwrapper} {
|
|
padding-right: ${amounts.serverElementHeight/32 * 16 + (32/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},
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper} #bd-pub-li,
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper} #bd-pub-button {
|
|
height: ${amounts.serverElementHeight}px !important;
|
|
width: ${amounts.serverListWidth - 20}px;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN._friendnotificationsfriendsonline},
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildslabel} {
|
|
height: ${amounts.serverElementHeight * 0.6}px !important;
|
|
width: ${amounts.serverListWidth - 20}px;
|
|
}
|
|
${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},
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper} #bd-pub-button {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
font-size: ${amounts.serverElementHeight / 2}px;
|
|
font-weight: 400;
|
|
text-transform: capitalize;
|
|
padding-top: 1px;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
${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.dotCN.appcontainer} {
|
|
display: flex !important;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper} {
|
|
position: static !important;
|
|
contain: unset !important;
|
|
}
|
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.chatbase} {
|
|
position: static !important;
|
|
contain: unset !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
#server-search ${BDFDB.dotCN.guildinner} {
|
|
width: ${amounts.serverListWidth - 20}px;
|
|
height: ${amounts.serverElementHeight}px;
|
|
border-radius: 4px !important;
|
|
}
|
|
#server-search ${BDFDB.dotCN.guildinner}::before {
|
|
content: "Server Search";
|
|
color: var(--text-normal);
|
|
display: flex;
|
|
align-items: center;
|
|
height: ${amounts.serverElementHeight}px;
|
|
font-size: ${amounts.serverElementHeight / 2}px;
|
|
font-weight: 400;
|
|
padding-left: 8px;
|
|
}
|
|
#server-search ${BDFDB.dotCN.guildinner}::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: ${amounts.serverElementHeight/32 * 6}px;
|
|
right: 7px;
|
|
width: ${amounts.serverElementHeight/32 * 20}px;
|
|
height: ${amounts.serverElementHeight/32 * 20}px;
|
|
background: var(--text-normal);
|
|
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTMuNjAwOTE0ODEsNy4yMDI5NzMxMyBDMy42MDA5MTQ4MSw1LjIwOTgzNDE5IDUuMjA5ODM0MTksMy42MDA5MTQ4MSA3LjIwMjk3MzEzLDMuNjAwOTE0ODEgQzkuMTk2MTEyMDYsMy42MDA5MTQ4MSAxMC44MDUwMzE0LDUuMjA5ODM0MTkgMTAuODA1MDMxNCw3LjIwMjk3MzEzIEMxMC44MDUwMzE0LDkuMTk2MTEyMDYgOS4xOTYxMTIwNiwxMC44MDUwMzE0IDcuMjAyOTczMTMsMTAuODA1MDMxNCBDNS4yMDk4MzQxOSwxMC44MDUwMzE0IDMuNjAwOTE0ODEsOS4xOTYxMTIwNiAzLjYwMDkxNDgxLDcuMjAyOTczMTMgWiBNMTIuMDA1NzE3NiwxMC44MDUwMzE0IEwxMS4zNzMzNTYyLDEwLjgwNTAzMTQgTDExLjE0OTIyODEsMTAuNTg4OTA3OSBDMTEuOTMzNjc2NCw5LjY3NjM4NjUxIDEyLjQwNTk0NjMsOC40OTE3MDk1NSAxMi40MDU5NDYzLDcuMjAyOTczMTMgQzEyLjQwNTk0NjMsNC4zMjkzMzEwNSAxMC4wNzY2MTUyLDIgNy4yMDI5NzMxMywyIEM0LjMyOTMzMTA1LDIgMiw0LjMyOTMzMTA1IDIsNy4yMDI5NzMxMyBDMiwxMC4wNzY2MTUyIDQuMzI5MzMxMDUsMTIuNDA1OTQ2MyA3LjIwMjk3MzEzLDEyLjQwNTk0NjMgQzguNDkxNzA5NTUsMTIuNDA1OTQ2MyA5LjY3NjM4NjUxLDExLjkzMzY3NjQgMTAuNTg4OTA3OSwxMS4xNDkyMjgxIEwxMC44MDUwMzE0LDExLjM3MzM1NjIgTDEwLjgwNTAzMTQsMTIuMDA1NzE3NiBMMTQuODA3MzE4NSwxNiBMMTYsMTQuODA3MzE4NSBMMTIuMjEwMjUzOCwxMS4wMDk5Nzc2IEwxMi4wMDU3MTc2LDEwLjgwNTAzMTQgWiI+PC9wYXRoPjwvZz48L3N2Zz4=') center/cover no-repeat;
|
|
}
|
|
#server-search ${BDFDB.dotCN.guildbuttonpill},
|
|
#server-search ${BDFDB.dotCN.guildsvg} {
|
|
display: none;
|
|
}`);
|
|
}
|
|
}
|
|
})();
|
|
|
|
module.exports = DisplayServersAsChannels; |