#**Attach "Read #โš -known-issues-โš "

1 messages ยท Page 1 of 1 (latest)

acoustic furnace
#

why isnt this done by default

wide osprey
#

didnt work for me

half canopy
acoustic furnace
#

yeah this doesnt work

#

no themes, no custom css

half canopy
#

huh

#

what version of Discord and Vencord are you running?

acoustic furnace
#

latest, dev

half canopy
#

hmm, I'm on latest stable

acoustic furnace
#

stable 290453 (a3c6e6a) Host 1.0.9144 x64 (47241) Windows 11 64-bit (10.0.22631)

#

same

half canopy
#

stable 290453 (a3c6e6a) Host 1.0.9144 x64 (47241) Windows 10 64-bit (10.0.19045)

half canopy
acoustic furnace
#

you need theme attributes enabled

#

its a plugin

half canopy
#

ah

half canopy
#

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;
}
acoustic furnace
#

yup

#

works

acoustic furnace
#

it breaks when the message isnt loaded in

#

discord fuckery

half canopy
#

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;
}
acoustic furnace
#

yup fixed

half canopy
#

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

hot juniper
#

At this point we need it to be built into vencord bcs people still ignore it

acoustic furnace
#

it jumpscares you already when ur outdated

hot juniper
#

Real

lapis aurora
hot juniper
#

Yes

#

Should be real

#

Not a joke

past onyx
#

Is this a Theme issue?

acoustic furnace
#

No, snippet issue

#

The message got larger

past onyx
past onyx
#

@half canopy Can you help me with it?

half canopy
# past onyx <@267030723087695872> 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

past onyx
#

IT WORKED, Tnks!

past onyx
half canopy
#

This message changes too often haha ๐Ÿ˜…

#

I don't think there's a way to get the message height using just CSS

past onyx
#

I know, i just wish it stays the same

#

Always

half canopy
#

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

past onyx
#

Holy sht

#

Amazing

half canopy
#

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;
}
past onyx
#

Seems good!

half canopy
#

I guess I could've used CSS variables for this but it still won't really help how unwieldy this snippet is