mirror/Vencord
1
0
Fork 0
mirror of https://github.com/Vendicated/Vencord.git synced 2025-02-24 15:35:11 +00:00
Code Issues Projects Releases Packages Wiki Activity

HideAttachments Refactor to use Styles API

Browse source
This commit is contained in:
Sqaaakoi 2025-01-20 05:48:44 +13:00
parent b029ce47a0
commit 55090b76cd
No known key found for this signature in database
1 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/plugins/hideAttachments/index.tsx
View file

@ -18,6 +18,7 @@
import { get, set } from "@api/DataStore";
import { addButton, removeButton } from "@api/MessagePopover";
import { setStyle } from "@api/Styles";
import { ImageInvisible, ImageVisible } from "@components/Icons";
import { Devs } from "@utils/constants";
import definePlugin from "@utils/types";
@ -41,10 +42,6 @@ export default definePlugin({
dependencies: ["MessagePopoverAPI"],
async start() {
style = document.createElement("style");
style.id = "VencordHideAttachments";
document.head.appendChild(style);
await getHiddenMessages();
await this.buildCss();
@ -64,24 +61,30 @@ export default definePlugin({
},
stop() {
style.remove();
setStyle({
name: "HideAttachments",
enabled: false
});
hiddenMessages.clear();
removeButton("HideAttachments");
},
async buildCss() {
const elements = [...hiddenMessages].map(id => `#message-accessories-${id}`).join(",");
style.textContent = `
:is(${elements}) :is([class*="embedWrapper"], [class*="clickableSticker"]) {
/* important is not necessary, but add it to make sure bad themes won't break it */
display: none !important;
}
:is(${elements})::after {
content: "Attachments hidden";
color: var(--text-muted);
font-size: 80%;
}
`;
setStyle({
name: "HideAttachments",
source: `
:is(${elements}) :is([class*="embedWrapper"], [class*="clickableSticker"]) {
/* important is not necessary, but add it to make sure bad themes won't break it */
display: none !important;
}
:is(${elements})::after {
content: "Attachments hidden";
color: var(--text-muted);
font-size: 80%;
}
`
});
},
async toggleHide(id: string) {