#**Attach "Read #โ -known-issues-โ "
1 messages ยท Page 1 of 1 (latest)
didnt work for me
really? does it work without any other themes enabled?
you can also just hide it if you want lol (hides all messages from venbot though)
.messageListItem__050f9[data-author-id="1017176847865352332"] {
display: none;
}
yeah this doesnt work
no themes, no custom css
latest, dev
hmm, I'm on latest stable
stable 290453 (a3c6e6a) Host 1.0.9144 x64 (47241) Windows 11 64-bit (10.0.22631)
same
stable 290453 (a3c6e6a) Host 1.0.9144 x64 (47241) Windows 10 64-bit (10.0.19045)
funny enough, this snippet does not do anything for me
ah
you can use
.messageListItem__050f9[data-author-id="1017176847865352332"]:has(.channelMention) {
display: none;
}
(with theme-attributes plugin) to hide just the specific message
I'm not sure why my CSS isn't working for y'all though, I've tested with all plugins and CSS disabled on Stable 290453 (a3c6e6a) and it works for me. I'll look into it more
actually, could one of you try
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention) {
position: fixed;
bottom: 48px;
z-index:1;
background-color: var(--bg-overlay-chat, var(--background-primary));
height: 90px;
width: 100%;
}
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention):hover {
background-color: var(--bg-overlay-chat, var(--background-primary)) !important;
background: var(--bg-overlay-chat, var(--background-primary)) !important;
}
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"] {
padding-bottom: 70px;
}
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"] > [class*="form_"] {
bottom: -70px;
}
oh lol I my bad I never tested scrolling up far enough that the message wasn't loaded
this should work:
/* decouple the Vencord bot "Read #โ -Known-issues-โ " message from chat */
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention) {
position: fixed;
bottom: 48px;
z-index:1;
background-color: var(--bg-overlay-chat, var(--background-primary));
height: 90px;
width: 100%;
}
/* make hovering over fixed bot message not flicker anymore */
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention):hover {
background-color: var(--bg-overlay-chat, var(--background-primary)) !important;
background: var(--bg-overlay-chat, var(--background-primary)) !important;
}
/* offset main chat window to give room to fixed bot message */
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"]:has(img[src*="1017176847865352332"]) {
padding-bottom: 70px;
}
/* move input box back to original position */
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"]:has(img[src*="1017176847865352332"]) > [class*="form_"] {
bottom: -70px;
}
yup fixed
ah wait nvm that CSS is kinda busted, it won't work right if you have a different bot message loaded
this is kinda absolutely horrific, but:
/* decouple the Vencord bot "Read #โ -Known-issues-โ " message from chat */
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention) {
position: fixed;
bottom: 48px;
z-index:1;
background-color: var(--bg-overlay-chat, var(--background-primary));
height: 90px;
width: 100%;
}
/* make hovering over fixed bot message not flicker anymore */
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention):hover {
background-color: var(--bg-overlay-chat, var(--background-primary)) !important;
background: var(--bg-overlay-chat, var(--background-primary)) !important;
}
/* offset main chat window to give room to fixed bot message */
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"]:has(img[src*="1017176847865352332"]):has(.contents_d3ae0d > div > h2 > span > .channelMention) {
padding-bottom: 70px;
}
/* move input box back to original position */
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"]:has(img[src*="1017176847865352332"]):has(.contents_d3ae0d > div > h2 > span > .channelMention) > [class*="form_"] {
bottom: -70px;
}
this one should exclusively show the bot message only when it's loaded, and fallback to how stock discord looks when it is not
At this point we need it to be built into vencord bcs people still ignore it
Real
make users complete a quiz about FAQ before sending msgs in #๐ฅ-vencord-support-๐ฅ ||/j||
Is this a Theme issue?
Fixed it
@half canopy Can you help me with it?
Yeah sure, thanks for pinging (I don't check this server often)
try this:
/* decouple the Vencord bot "Read #โ -Known-issues-โ " message from chat */
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention) {
position: fixed;
bottom: 208px;
z-index:1;
background-color: var(--bg-overlay-chat, var(--background-primary));
height: 90px;
width: 100%;
}
/* make hovering over fixed bot message not flicker anymore */
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention):hover {
background-color: var(--bg-overlay-chat, var(--background-primary)) !important;
background: var(--bg-overlay-chat, var(--background-primary)) !important;
}
/* offset main chat window to give room to fixed bot message */
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"]:has(img[src*="1017176847865352332"]):has(.contents_ec86aa > div > h1 > span > .channelMention) {
padding-bottom: 230px;
}
/* move input box back to original position */
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"]:has(img[src*="1017176847865352332"]):has(.contents_ec86aa > div > h1 > span > .channelMention) > [class*="form_"] {
bottom: -230px;
}
Tested and working on:
stable 303105 (1897d8a) Host 1.0.9151 x64 (48891) Build Override: N/A Windows 10 64-bit (10.0.19045)
Vencord e9e789b (Standalone)
Electron 28.2.10
Chromium 120.0.6099.291
Give me a second, let me try
IT WORKED, Tnks!
This message changes too often haha ๐
I don't think there's a way to get the message height using just CSS
This would be a million times easier as a plugin, all you'd need to do is hide the latest bot message and then manually add a bit of HTML to get the same effect (and without the flickering !!)
Let me hop on my PC and see what I can do
try this:
/* decouple the Vencord bot "Read #โ -Known-issues-โ " message from chat */
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention) {
position: fixed;
bottom: 105px;
z-index:1;
background-color: var(--bg-overlay-chat, var(--background-primary));
height: 90px;
width: 100%;
}
/* make hovering over fixed bot message not flicker anymore */
[class*="message_"]:has([class*="contents_"] > img[src*="1017176847865352332"]):has(.channelMention):hover {
background-color: var(--bg-overlay-chat, var(--background-primary)) !important;
background: var(--bg-overlay-chat, var(--background-primary)) !important;
}
/* offset main chat window to give room to fixed bot message */
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"]:has(img[src*="1017176847865352332"]):has(.contents_ec86aa > div > h1 > span > .channelMention) {
padding-bottom: 130px;
}
/* move input box back to original position */
[class*="chatContent_"][aria-label*="๐ฅ-vencord-support-๐ฅ"]:has(img[src*="1017176847865352332"]):has(.contents_ec86aa > div > h1 > span > .channelMention) > [class*="form_"] {
bottom: -130px;
}
Seems good!
I guess I could've used CSS variables for this but it still won't really help how unwieldy this snippet is

