#refresh death

1 messages · Page 1 of 1 (latest)

faint hornet
#

my sore attempt at fixing the refresh to look like it used to as much as possible

#

issues (this list will be dynamically updating as i go along, if you have fixes for these issues please contact me):
1: i cannot get popout folders to appear over their parent and therefore cannot put folder expansion on the right side where it used to be
2: line
3: editing overlapping text

faint hornet
#

back to normal ❤️

faint hornet
faint hornet
#

took me absolutely forever to make this but i think it's worth it, since i cant post in snippets i'll post here for now

/* FIX CHATBAR WOOHOO i spent a very long time on this */
[class^=accessoryBar__] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-8);
    border-top: none;
    margin-left: var(--space-8);
    margin-right: var(--space-8);
    position: absolute;
    height: 0;
}

body:not(:has([class^=channelAttachmentArea_], [class^=replyBar__])) [class^=accessoryBar__] {
    top: 12.96px;
}

body:has([class^=channelAttachmentArea_]):not(:has([class^=replyBar__])) [class^=accessoryBar__] {
    top: 261.36px !important;
}

body:has([class^=channelAttachmentArea_], [class^=replyBar__]) [class^=accessoryBar__] {
    top: 297.54px !important;
}

body:has([class^=replyBar__]):not(:has([class^=channelAttachmentArea_])) [class^=accessoryBar__] {
    top: 48.6px !important;
}

body:has([class^="members_"]) [class^="attachWrapper__"] {
    width: 21.12px;
    margin-right: 889.92px !important;
}

body:not(:has([class^="members_"])) [class^="attachWrapper__"] {
    width: 21.12px;
    margin-right: 1152px !important;
}

[class*=accessoryBar__] {
    display: contents;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

[class*=accessoryBar__] button {
    pointer-events: all;
}

[class^="typing_"] {
    position: fixed !important;
    top: 1054.4px;
    left: 960px !important;
    transform: translateX(-50%);
    align-content: center;
    margin: 0;
    margin-left: -30.72px;
}

body:has([class^="typing_"]) [class^="channelBottomBarArea_"] {
    margin-bottom: 23.6px !important;
}

body:has([class^="members_"]) [class*="sansAttachButton__"] {
    padding-left: 50px;
    width: 860px;
}

body:not(:has([class^="members_"])) [class*="sansAttachButton__"] {
    padding-left: 50px;
    width: 1130px;
}
faint hornet
twin glade
#

@faint hornet uhm

#

i think it broke for me

#

somehow-

faint hornet
#

?

#

Show

twin glade
#

help

#

it made OMFG

#

WHAT IS HAPPENING

faint hornet
#

Lmfao ain't no way your shit is that broken

twin glade
#

SDKFJHJKAFHSAJKFHASJK

faint hornet
#

Screenshot full screen

twin glade
#

there is something wrong with me

#

actually

#

not with me

#

but with my doscord

#

discord

#

help

#

wait a minute

#

nope

faint hornet
faint hornet
twin glade
#

but

faint hornet
#

ohhhh they mixed

#

?

twin glade
#

removing it didnt do anything

faint hornet
#

guhh

twin glade
#

its still bropken

faint hornet
#

try the file i gave

#

and delete quickcss

twin glade
#

let em see...............

#

me

#

not them

#

me

#

it

#

nope

faint hornet
#

show

twin glade
#

no text

#

now with text

#

is there a way i can like

#

show my plugins

#

sne dthem in a list

#

maybe its one of my plugions

#

I CANT TYPE HELP

#

SKDJFHSDKJAFHSKJFSAJKLFHSAK

faint hornet
twin glade
#

1920 x 1080

faint hornet
#

also this being squished is ddue to you resizing the channel bar

twin glade
#

ohhhh

#

thats fair

faint hornet
twin glade
#

now its breaking the chat buttons

#

😭

remote orchid
#

this is happening when i put it in

#

i can't even type 😭

twin glade
#

i mean you can

#

but

faint hornet
twin glade
#

not select the chat box itself

remote orchid
faint hornet
#

are you also on 1920x1080? @remote orchid

faint hornet
#

maybe i'm zoomed out more than you guys when i was making it?

remote orchid
faint hornet
#

this is what i see

twin glade
#

CORRECT ON YOUR END

#

BUT NOT OURS

remote orchid
#

wait where's the title bar

faint hornet
remote orchid
#

i don't see it on your end

twin glade
#

found this

faint hornet
remote orchid
#

ah

twin glade
faint hornet
twin glade
#

why is your thing not working tho........

faint hornet
#

not u nvm

#

guhhhhh

twin glade
#

lmao-

#

dummy

faint hornet
#

wait

#

can you ctrl -

twin glade
#

with your thingie?

#

let me check

faint hornet
#

yop

#

if you can zoom out or in more that might fix

remote orchid
#

why can't i type normally???

twin glade
#

nope 😭

#

I HATE YOU DISCORDDDDDD

#

GRAAAHHHH

remote orchid
#

i have to go and type an emoji just to do it

#

like wha

faint hornet
#

hmmmmm i so confused

#

😭

twin glade
#

discord

#

i will

#

bombard you

remote orchid
twin glade
#

WHY IS THERE A RANDOM ASS EMOJI NAME IN THE TOPPPPP

#

AAAAAAAAAAAAAAAAA

remote orchid
#

wwhen i go into a smaller windopw i can see my settings and stuff but not in full window mode

faint hornet
remote orchid
#

idk 😭

faint hornet
#

it would be easier if you guys could screenshare but i doubt anyone wants to use vencord vc's lmfao

twin glade
#

me with all of them not visible-

remote orchid
#

i'd be fine with doing that

faint hornet
twin glade
#

im already in one

#

so

#

i cant-

remote orchid
#

thast's when i maximize the window

twin glade
#

😭

faint hornet
remote orchid
#

ah lol

#

i see

#

still, pretty broken form e

#

so what would screensharing help you do

faint hornet
#

body:not(:has([class^=channelAttachmentArea_], [class^=replyBar__])) [class^=accessoryBar__] {
top: 1.2vh;
}
try making this a lower value

#

like 1 or 0.8

#

@remote orchid

faint hornet
#

im unsure if i even can right now either way tho

remote orchid
#

k, i'm in vc

#

so do you think you'll be able to help rn or are you not able to?

faint hornet
#

i will give me about a minute

remote orchid
#

👍

faint hornet
twin glade
#

IT BORKE EVEN MORE

#

no wait its tsill the same

#

nvm

#

lmao

faint hornet
# twin glade HELP

@maiden rampart hey um idk how to ask this but for some reason their screen just looks entirely different even though i updated the code to use px?

#

mine looks like this

maiden rampart
#

idk its ur code lol

faint hornet
#

i thought u said that px scales

faint hornet
maiden rampart
#

their screenshot looks like stock discord

faint hornet
#

yeah it just looks stock but broken

#

wait i swear to god @twin glade do you have the friendly class names plugin on

#

cuz i believe that breaks themes that arent made for it

twin glade
#

i dont think i have it

#

let me look

#

let me look "class"

#

nope

faint hornet
#

it's called classify

twin glade
#

nothing

faint hornet
#

guh

twin glade
#

never heard of that plugin

faint hornet
#

weird

#

lemme see if i can get anyone else to test

twin glade
#

EVERY COPY OF VENCORD IS PERSONALIZED FOR EACH USER-

#

/JJJJJ

faint hornet
#

@dry ravine

dry ravine
#

hi what am i supposed to try

#

the css file?

faint hornet
#

in quickcss

remote orchid
#

wait so there's an update i need to test?

faint hornet
#

yes

#

for twiz it doesnt work yet because we found out their discord is just cooked lmfao

remote orchid
#

ok, trying it now

dry ravine
faint hornet
#
body:has([class^="members_"]) [class*="sansAttachButton__"] {
    padding-left: 50px;
    width: 860px;
}

body:not(:has([class^="members_"])) [class*="sansAttachButton__"] {
    padding-left: 50px;
    width: 1130px;
}
#

it's literally not

remote orchid
#

its still broken 😭

faint hornet
#

😭

remote orchid
#

why is it like this???

dry ravine
#

what are you trying to do even

faint hornet
dry ravine
#

What is it supposed to bring back it just looks the same

#

It's just supposed to slim down the chatbar and move it?

faint hornet
#

that's how the new looks

dry ravine
#

doesn't for me

#

I think this is a discord experiment

#

this is with no css

faint hornet
dry ravine
#

yes

faint hornet
#

wait

#

are you on the visual refresh plus the new chatbar and resizable servers?

dry ravine
#

probably not

faint hornet
dry ravine
#

sure

faint hornet
#

it's in experiments under visual refresh

remote orchid
#

wait a minute

#

could that be the problem

dry ravine
#

Bucket 3

faint hornet
twin glade
#

if that's the problem

#

i will

#

explode

faint hornet
remote orchid
#

im gonna implode

faint hornet
#

LMFAO

twin glade
dry ravine
#

My sidebar does not collapse

#

My guess is that mine is Treatment 3

#

try that

remote orchid
dry ravine
#

This was being talked about in off-topic yesterday

dry ravine
faint hornet
faint hornet
twin glade
#

yknow what

#

imma just

#

enable the experiments plugin

#

and disable this shitass ui

dry ravine
#

Ok it kinda works?

#

someone type

faint hornet
#

guh

#

im doing it right now

dry ravine
#

eh

#

it moves up when you type

#

and it looks like this

#

But it's not acting all wonky, it's just padded weird

remote orchid
#

you have to be kidding me

faint hornet
#

guh

remote orchid
#

IT PRETTY MUCH WORKS NOW

dry ravine
#

That could be a sizing issue too

remote orchid
#

yeah it's moving for some reason

twin glade
#

YOU

#

FUCKING

#

KIDDING ME

faint hornet
#

this is it for me

twin glade
#

BRO

#

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

dry ravine
#

lol

twin glade
#

DISCORD

#

IM GONNA FUCK

remote orchid
#

LOLLL

faint hornet
twin glade
#

IM GONNA FUCK YOUR ASS SO HARD BRO

#

OMFG

dry ravine
#

so for now just use Treatment 3

twin glade
#

I HATE THIS COMPANY WITH ALL MY MIGHT

dry ravine
#

idk why you'd need this otherwise

twin glade
#

nah fuck this bro im disabling this whole entire shit

#

im sorry

#

im sorry

#

im mad

#

im stressed

#

sorry

#

./gen

remote orchid
#

waut why is the typing indicator over there

dry ravine
#

wait what

faint hornet
dry ravine
#

lemme try that

dry ravine
remote orchid
#

probably

dry ravine
#

Am i supposed to use the CSS file or the code snippet

faint hornet
remote orchid
#

ok you might need to look at your code bc this is a completely different issue

faint hornet
dry ravine
#

i tried the CSS file and it works better

remote orchid
#

are you fr

dry ravine
#

Only issue is that the line is still there, and the picker buttons are still tied to the sidebar

remote orchid
#

how do i download it as a css file instead of copying

faint hornet
# dry ravine

that was before i switched to px, maybe i didnt need to update at all and it was always the bucket problem

#

😭

remote orchid
#

do you still have the old code

faint hornet
faint hornet
dry ravine
#

wait

#

there's more abnormalities

#

it gets rid of the top bar?

faint hornet
#

guhhhhh

dry ravine
#

is this cuz it's just your quickcss file

faint hornet
dry ravine
#

yeah but then this happens

faint hornet
#

the file is actually a section of the full code which is meant to reverse the update entirely

dry ravine
#

also uh

faint hornet
#

forgot to add to current issues

#

will add the line there too

dry ravine
#

yeah i tried the code block again and i still can't see anyone who's typing

#

so i'll just base what I say off of the code block, not the css file

remote orchid
dry ravine
#
  • Requires you to be in Treatment 1 or 2
  • Editing is bugged
  • Typing notifier is off the screen
  • Random gray line above the text
  • All buttons on the right of the chatbox are tied to the sidebar's size
#

Those are the issues I have with the code

remote orchid
#

here's how it looks for me

#

actually wait, lemme send a window screenshot

#

so it's definitely better than before

dry ravine
#

I found the typing notifier

#

i had to zoom out all the way

faint hornet
#

alright im free i'm gonna try to do an update of the og code rq, just to fix the more apparent issues (not including editing that takes a bit)

remote orchid
faint hornet
dry ravine
#

with the codeblock, not the css file

remote orchid
#

yeah, that's the problem

dry ravine
#

i'm not going to use the css file unless you tell me to try it

faint hornet
#

codeblock is unreliable since i made an uneeded change (i was told it would fix the issue, it didnt and broke it) try the file instead

dry ravine
#

I think this could also be adapted to work with treatment 3-4 and it'd be much shorter lines to code

faint hornet
#

there will be separate versions with only the css required included in each for different buckets

dry ravine
#

Do you want me to test these with Treatment 1 or 2

faint hornet
#

just in case a different one gets chosen

dry ravine
#

treatment 2 has collapsible sidebar

faint hornet
#

2

dry ravine
#

Alright, trying it now

#

can you type

faint hornet
#

guhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

dry ravine
#

hm

#
  • Editing is bugged
  • Random gray line above the text
  • All buttons on the right of the chatbox are tied to the sidebar's size
  • Large gap between inbox and search bar
  • Sidebar adjustment covers up the profile settings, deafen and mute buttons
  • Zooming in and out breaks basically everything (Bottom left profile window, buttons on the right, and typing indicator)
faint hornet
#

well the zoom thing i cant possibly fix

#

like at all

#

everything else though is good info

#

will fix

dry ravine
#

So that means this css has to be used at a specific zoom setting on discord

remote orchid
#

what is that setting

faint hornet
#

pretty much, a lot of themes just break at different zoom levels i believe

dry ravine
faint hornet
remote orchid
#

ah

dry ravine
#

yea

#

also vencord can go far

faint hornet
#

lmfaooooooooooooo

#

tinycord

remote orchid
#

woahhh

#

that's crazy far lol

dry ravine
#

Oh no

#

I went too far in

#

fixed

remote orchid
#

are you kidding me

#

it's still doing the freezing thing when i hold backspace

#

i thought i fixed it

faint hornet
#

the theme to fix the chatbar is heavy on performance due to the use of :has()

remote orchid
#

ah

#

gotcha

#

ok yeah, it runs WAY better without the theme

faint hornet
#

yop unless you have a really good cpu this wont do too well on your pc all the time

#

it's more for people with gaming pc's

remote orchid
#

i see

faint hornet
#

current snippet

/*FIX CHATBAR WOOHOO i spent a very long time on this*/
[class^=accessoryBar__] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-8);
    border: none;
    margin-left: var(--space-8);
    margin-right: var(--space-8);
    position: absolute;
    height: 0;
}

body:not(:has([class^=channelAttachmentArea_], [class^=replyBar__])) [class^=accessoryBar__] {
    top: 1.2vh;
}

body:has([class^=channelAttachmentArea_]):not(:has([class^=replyBar__])) [class^=accessoryBar__] {
    top: 24.2vh !important;
}

body:has([class^=channelAttachmentArea_], [class^=replyBar__]) [class^=accessoryBar__] {
    top: 27.55vh !important;
}

body:has([class^=replyBar__]):not(:has([class^=channelAttachmentArea_])) [class^=accessoryBar__] {
    top: 4.5vh !important;
}

body:has([class^="members_"]) [class^="attachWrapper__"] {
    width: 1.1vw;
    margin-right: 46.4vw !important;
}

body:not(:has([class^="members_"])) [class^="attachWrapper__"] {
    width: 1.1vw;
    margin-right: calc(82.5vw - var(--custom-guild-sidebar-width)) !important;
}

[class*=accessoryBar__] {
    display: contents;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

[class*=accessoryBar__] button {
    pointer-events: all;
}

[class^="typing_"] {
    position: fixed !important;
    top: 98vh;
    left: 50% !important;
    transform: translateX(-50%);
    align-content: center;
    margin: 0;
    margin-left: -1.6vw;
}

body:has([class^="typing_"]) [class^="channelBottomBarArea_"] {
    margin-bottom: 2vh !important;
}

body:has([class^="members_"]) [class*="sansAttachButton__"] {
    padding-left: 3vw;
    width: 44vw;
}

body:not(:has([class^="members_"])) [class*="sansAttachButton__"] {
    padding-left: 3vw;
    width: 58vw;
}
remote orchid
#

ok, the line is gone and the profile box with setting s and stuff is fixed

#

nvm, was on the wrong treatment

#

the line is still there, and the profile box is the only thing that's fixed now

faint hornet
#

guh

remote orchid
#

and the icons are small and low down for some reason

#

but at least this is a step in the right direction!!

faint hornet
# remote orchid

hmm the right buttons are supposed to be all the way on the right

#

lemme try something

#

try this

/*FIX CHATBAR WOOHOO i spent a very long time on this*/
[class^=accessoryBar__] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-8);
    border: none;
    margin-left: var(--space-8);
    margin-right: var(--space-8);
    position: absolute;
    height: 0;
}

body:not(:has([class^=channelAttachmentArea_], [class^=replyBar__])) [class^=accessoryBar__] {
    top: 1.2vh;
}

body:has([class^=channelAttachmentArea_]):not(:has([class^=replyBar__])) [class^=accessoryBar__] {
    top: 24.2vh !important;
}

body:has([class^=channelAttachmentArea_], [class^=replyBar__]) [class^=accessoryBar__] {
    top: 27.55vh !important;
}

body:has([class^=replyBar__]):not(:has([class^=channelAttachmentArea_])) [class^=accessoryBar__] {
    top: 4.5vh !important;
}

body:has([class^="members_"]) [class^="attachWrapper__"] {
    width: 1.1vw;
    margin-right: 46.4vw !important;
}

body:not(:has([class^="members_"])) [class^="attachWrapper__"] {
    width: 1.1vw;
    margin-right: calc(min(82.5vw, 1584px) - var(--custom-guild-sidebar-width)) !important;
}

[class*=accessoryBar__] {
    display: contents;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

[class*=accessoryBar__] button {
    pointer-events: all;
}

[class^="typing_"] {
    position: fixed !important;
    top: 98vh;
    left: 50% !important;
    transform: translateX(-50%);
    align-content: center;
    margin: 0;
    margin-left: -1.6vw;
}

body:has([class^="typing_"]) [class^="channelBottomBarArea_"] {
    margin-bottom: 2vh !important;
}

body:has([class^="members_"]) [class*="sansAttachButton__"] {
    padding-left: 3vw;
    width: 44vw;
}

body:not(:has([class^="members_"])) [class*="sansAttachButton__"] {
    padding-left: 3vw;
    width: 58vw;
}
#

@remote orchid try now

remote orchid
#

what was it supposed to fix? the buttons on the right?

faint hornet
#

yeah guh

remote orchid
#

well, now it looks like the profile bar is back to how it was by default

#

and the icons aren't as low down?

faint hornet
#

well that's a snippet not a full file

#

that's fine

remote orchid
#

gotcha

#

still confused on what the heck the line in the chat box is

#

OHHH WAIT

#

it's the line that normally separates the bigger chat box

faint hornet
#

yeah i dont know what element it is since it doesnt appear on mine im stil tryna figure it out

remote orchid
#

you wanna get in call again and we can look on my end?

faint hornet
#

i cant atm cuz my wife is sleeping in a call with me blobcatcozy

remote orchid
#

ahh

faint hornet
#

alright i uh. i give up

#

i might come back to this at a random point but it's actually hell

#

it's impossible unless i write media queries for every single possible resolution and monitor size

#

snippet

/*FIX CHATBAR WOOHOO i spent a very long time on this*/
[class^=accessoryBar__] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-8);
    border: none;
    margin-left: var(--space-8);
    margin-right: var(--space-8);
    position: absolute;
    height: 0;
}

body:not(:has([class^=channelAttachmentArea_], [class^=replyBar__])) [class^=accessoryBar__] {
    top: 1.2vh;
}

body:has([class^=channelAttachmentArea_]):not(:has([class^=replyBar__])) [class^=accessoryBar__] {
    top: 24.2vh !important;
}

body:has([class^=channelAttachmentArea_], [class^=replyBar__]) [class^=accessoryBar__] {
    top: 27.55vh !important;
}

body:has([class^=replyBar__]):not(:has([class^=channelAttachmentArea_])) [class^=accessoryBar__] {
    top: 4.5vh !important;
}

body:has([class^="members_"]) [class^="attachWrapper__"] {
    width: 1.1vw;
    margin-right: calc(min(82.5vw, 1584px) - var(--custom-guild-sidebar-width) - var(--custom-member-list-width)) !important;
}

body:not(:has([class^="members_"])) [class^="attachWrapper__"] {
    width: 1.1vw;
    margin-right: calc(min(82.5vw, 1584px) - var(--custom-guild-sidebar-width)) !important;
}

[class*=accessoryBar__] {
    display: contents;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

[class*=accessoryBar__] button {
    pointer-events: all;
}

[class^="typing_"] {
    position: fixed !important;
    top: 98vh;
    left: 50% !important;
    transform: translateX(-50%);
    align-content: center;
    margin: 0;
    margin-left: -1.6vw;
}

body:has([class^="typing_"]) [class^="channelBottomBarArea_"] {
    margin-bottom: 2vh !important;
}

body:has([class^="members_"]) [class*="sansAttachButton__"] {
    padding-left: 3vw;
    width: 44vw;
}

body:not(:has([class^="members_"])) [class*="sansAttachButton__"] {
    padding-left: 3vw;
    width: 58vw;
}
#

@flint granite i'd like it if you could maybe check this out at some point, although it'll likely be broken for you i'd like any insight you have on how i could fix it
requirements: default zoom, refresh bucket 2

#

if you do ping me

#

thanks everyone who helped

#

nini

dry ravine
#

Weird stuff going on with this new code block

#

and the add media button will do, this