stuff
This commit is contained in:
parent
3235508792
commit
fec881d4a5
|
@ -979,6 +979,11 @@ input[REPLACE_CLASS_input][REPLACE_CLASS_inputerror] {
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[REPLACE_CLASS_guildswrapper] [style*="--folder-color"] [REPLACE_CLASS_guildfolderexpandedbackground] {
|
||||||
|
background: var(--folder-color) !important;
|
||||||
|
opacity: 0.2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
[REPLACE_CLASS_svgiconwrapper] {
|
[REPLACE_CLASS_svgiconwrapper] {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
@ -261,7 +261,7 @@ module.exports = (_ => {
|
||||||
}
|
}
|
||||||
|
|
||||||
processFolderItemWrapper (e) {
|
processFolderItemWrapper (e) {
|
||||||
if (!e.instance.props.folderNode) return;
|
if (!e.instance.props.folderNode && e.returnvalue.props.style["--folder-color"]) return;
|
||||||
let folderColor = this.settings.general.addFolderColor && BDFDB.LibraryStores.ExpandedGuildFolderStore.isFolderExpanded(e.instance.props.folderNode.id) && (BDFDB.ColorUtils.convert(e.instance.props.folderNode.color, "HEX") || BDFDB.ColorUtils.convert(BDFDB.DiscordConstants.Colors.BRAND, "RGB"));
|
let folderColor = this.settings.general.addFolderColor && BDFDB.LibraryStores.ExpandedGuildFolderStore.isFolderExpanded(e.instance.props.folderNode.id) && (BDFDB.ColorUtils.convert(e.instance.props.folderNode.color, "HEX") || BDFDB.ColorUtils.convert(BDFDB.DiscordConstants.Colors.BRAND, "RGB"));
|
||||||
if (folderColor) e.returnvalue = BDFDB.ReactUtils.createElement("div", {
|
if (folderColor) e.returnvalue = BDFDB.ReactUtils.createElement("div", {
|
||||||
style: {"--folder-color": folderColor},
|
style: {"--folder-color": folderColor},
|
||||||
|
@ -536,10 +536,6 @@ module.exports = (_ => {
|
||||||
width: auto;
|
width: auto;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCN.guildswrapper} [style*="--folder-color"] ${BDFDB.dotCN.guildfolderexpandedbackground} {
|
|
||||||
background: var(--folder-color) !important;
|
|
||||||
opacity: 0.2 !important;
|
|
||||||
}
|
|
||||||
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderwrapper} [role="group"] {
|
${BDFDB.dotCNS._displayserversaschannelsstyled + BDFDB.dotCNS.guildswrapper + BDFDB.dotCN.guildfolderwrapper} [role="group"] {
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -454,10 +454,10 @@ module.exports = (_ => {
|
||||||
closeAllFolders: {value: false, description: "Closes all Folders when selecting a Server"},
|
closeAllFolders: {value: false, description: "Closes all Folders when selecting a Server"},
|
||||||
forceOpenFolder: {value: false, description: "Forces a Folder to open when switching to a Server of that Folder"},
|
forceOpenFolder: {value: false, description: "Forces a Folder to open when switching to a Server of that Folder"},
|
||||||
showCountBadge: {value: true, description: "Displays Badge for Amount of Servers in a Folder"},
|
showCountBadge: {value: true, description: "Displays Badge for Amount of Servers in a Folder"},
|
||||||
|
addFolderBackground: {value: false, description: "Adds a Folder Background behind a Group of Servers"},
|
||||||
extraColumn: {value: true, description: "Moves the Servers from opened Folders into an extra Column"},
|
extraColumn: {value: true, description: "Moves the Servers from opened Folders into an extra Column"},
|
||||||
addSeparators: {value: true, description: "Adds Separators between Servers of different Folders in extra Column"},
|
addSeparators: {value: true, description: "Adds Separators between Servers of different Folders in extra Column"},
|
||||||
addFolderIcon: {value: false, description: "Adds the Folder Icon on the top of the Server List in the extra Column"},
|
addFolderIcon: {value: false, description: "Adds the Folder Icon on the top of the Server List in the extra Column"}
|
||||||
addFolderBackground: {value: false, description: "Adds a Folder Background behind a Group of Servers in the extra Column"}
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -471,6 +471,7 @@ module.exports = (_ => {
|
||||||
],
|
],
|
||||||
after: [
|
after: [
|
||||||
"FolderHeader",
|
"FolderHeader",
|
||||||
|
"FolderItemWrapper",
|
||||||
"FolderSettingsModal",
|
"FolderSettingsModal",
|
||||||
"GuildItem",
|
"GuildItem",
|
||||||
"GuildsBar"
|
"GuildsBar"
|
||||||
|
@ -769,6 +770,15 @@ module.exports = (_ => {
|
||||||
folderStates[e.instance.props.folderNode.id] = state;
|
folderStates[e.instance.props.folderNode.id] = state;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
processFolderItemWrapper (e) {
|
||||||
|
if (!e.instance.props.folderNode && e.returnvalue.props.style["--folder-color"]) return;
|
||||||
|
let folderColor = this.settings.general.addFolderBackground && BDFDB.LibraryStores.ExpandedGuildFolderStore.isFolderExpanded(e.instance.props.folderNode.id) && (BDFDB.ColorUtils.convert(e.instance.props.folderNode.color, "HEX") || BDFDB.ColorUtils.convert(BDFDB.DiscordConstants.Colors.BRAND, "RGB"));
|
||||||
|
if (folderColor) e.returnvalue = BDFDB.ReactUtils.createElement("div", {
|
||||||
|
style: {"--folder-color": folderColor},
|
||||||
|
children: e.returnvalue
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
processFolderHeader (e) {
|
processFolderHeader (e) {
|
||||||
if (!e.instance.props.folderNode) return;
|
if (!e.instance.props.folderNode) return;
|
||||||
let data = this.getFolderConfig(e.instance.props.folderNode.id);
|
let data = this.getFolderConfig(e.instance.props.folderNode.id);
|
||||||
|
|
Loading…
Reference in New Issue