Updated Aligned Chatbox:

[wraith spire]

it doesnt work sometimes?

[pure nacelle]

what channel?

[wraith spire]

any announcement channel

also when creating a thread

[pure nacelle]

will fix later

thanks

[wraith spire]

oh also when messaging @discord in dms

[tough narwhal]

Oh god, thank you so much, I really liked this css and it broke so I was pretty bummed

[pure nacelle]

Fixed

[oblique ridge]

Thank you for this, it's sooo good, discord should have it by default

[valid wind]

Isn't this the same as https://dablulite.github.io/css-snippets/ConsistentChatbar/import.css ?

Out of curiousity, what's majorly different?

[pure nacelle]

It was originally based on someone else's version of it, but I have switched it to selectors that won't break when discord rerolls hashes and updated it over time

Last time I saw a snippet for it other than mine was over 2 years ago

I have started rewriting all my css for preformance, most of the time my generic selectors are 2x faster than the ones that include hashes
#📜-js-snippets message

[valid wind]

Damn, hope to see more nice css in the future then!

[pure nacelle]

I have most my snippets in
https://github.com/CodeF53/CSS-Snippets/tree/main/discord
And you can use them with
https://codef53.github.io/CSS-Snippets/discord/filename.css

[valid wind]

damn

ill go take a look

continue doing like

cool stuff

Perhaps put some image examples along side them within the github?

[pure nacelle]

I will consider doing that

Currently im away from home for open sauce

[pure nacelle]

ClientTheme is now a Vencord Plugin. I would only recommend using the snippet if you're in a browser where the plugin takes longer to load

[valid wind]

Thank yo ufor the response! Thanks for aligned chatbox, (and the role pill too, I took your version instead)

[spare thunder]

how do you get the lock icon in the chatbox?

[spiral tangle]

is it broken now?

[mild seal]

yes

[mild seal]

/* Unified Chatbar */
:is(main,section)[class^=chatContent] > form,
form > div[class^=submitContainer] {
  /* align chatbox */
  padding: 0px;
  > div { margin-bottom: 0px; border-radius: 0px; }
  > div[class^=channelBottomBarArea] {
    > div { margin: 0px;  }
    > div > div {
      padding-top: 4px;
      min-height: 49px;
      border-radius: 0px;
    }
  }

  /* move slowmode/typing indicator to match */
  > div[class^=typing] {
    top: -24px;
    right: calc(var(--custom-index-scrollbar-margin) * 2 + var(--custom-index-scrollbar-width));
    margin-left: auto;
    width: fit-content;
    padding-left: 2px;
    padding-right: 9px;
    border-radius: 8px 8px 0px 0px;
    background-color: var(--channeltextarea-background);
  }
  /* make scrollbar meet chatbox */
  &::after { display: none; }

  /* fix replies */
  > div > div > div[class^=attachedBars] {
    min-height: unset !important;
    padding-bottom: 4px;
  }
}

/* jump to present */
div[class^=jumpToPresentBar] {
  left: 0; right: unset;
  border-radius: 0px 8px 0px 0px;
  background-color: var(--channeltextarea-background);
  > button[class^=barButtonMain] {
    flex: 0 0 auto;
    display: none;
  }
}``` fixed version

[silk sierra]

thanks for the fix

[fringe crown]

umm.. the recent update create a gap like this

and the slowmode/typing indicator & jump to present move up to above that gap

[fringe crown]

oh nvm.. i could just change the number a lil bit and the problem fixed

[fathom basin]

thanks for this!!

was having this problem