align chat box with user panel | libVencore | Page 1

cerulean dew Mar 27, 2025, 12:38 AM

#

was writing the same thing as you posted blobcatnom its the one part of the new ui that feels wrong & its so much better aligned :3

gleaming bear Mar 27, 2025, 12:38 AM

#

#🎨-css-snippets message

#

?

lusty slate Mar 27, 2025, 12:38 AM

#

thats different

#

mine swaps the order

#

different preference

gleaming bear Mar 27, 2025, 12:39 AM

#

👍

tribal oyster Mar 27, 2025, 12:39 AM

#

new updates always bring many similar snippets blobcatcozy

elfin tide Mar 27, 2025, 1:59 AM

#

Oh you actually did it hell yea

slow sage Mar 27, 2025, 12:01 PM

#

not working as expected in bot DMs

bitter yoke Mar 27, 2025, 5:03 PM

#

.visual-refresh {
  form > div[class^="channelBottomBarArea_"] {
    --custom-chat-input-margin-bottom: 6px;\
    --custom-channel-textarea-text-area-height: 52px;
  }
  .form_f75fb0 {
    display: flex;
    flex-direction: column;
  }
  .base_b88801 {
    position: static;
    order: -1;
  }
}

i just use this which works fine for me

#

also seems to work fine in bot dm's from what i can see

native forge Mar 28, 2025, 12:25 AM

#

What do we change so there's always a tiny little space for the "x is typing..."/slowmode message? Having my entire screen jump around between users typing is giving me a headache, but if slowmode is in effect then it doesn't jump around bc the line is already expanded up.

#

I'm guessing it's the display: or flex-direction:, but I'm not familiar enough with css.

slow sage Mar 28, 2025, 12:32 AM

#

oh yeah I also didn't like that (screen jumping around when someone's typing), hopefully someone knows a fix for this

shrewd thunder Mar 30, 2025, 2:18 AM

#

if you use https://discord.com/channels/1015060230222131221/1354331484831354952 CSS too, this code works:


.visual-refresh {
    --custom-channel-textarea-text-area-height: 48px;
    .form_f75fb0 {
        display: flex;
        flex-direction: column;
    }
    .channelTextArea_f75fb0 {
        margin-bottom: -5px;
    }
    .base_b88801 {
        position: static;
        order: -1;
    }
}```

Images in after then before 'cuz I screwed up lol