#refresh death
1 messages · Page 1 of 1 (latest)
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
back to normal ❤️
:3
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;
}
(based on how many icons you have, margins and width may not be correct. if you need any help fixing this, please ping me with a screenshot and i'll send you code that should work for your device.)
Lmfao ain't no way your shit is that broken
SDKFJHJKAFHSAJKFHASJK
Screenshot full screen
there is something wrong with me
actually
not with me
but with my doscord
discord
help
wait a minute
nope
try the current full file since this is what i was using
?
removing it didnt do anything
guhh
its still bropken
show
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
what resolution are you on like how big is your screen
1920 x 1080
also this being squished is ddue to you resizing the channel bar
guh but i'm on the same resolution
isnt this another theme
not select the chat box itself
it is. could that be the cause?
are you also on 1920x1080? @remote orchid
potentially but i wouldnt doubt it if my css was the issue
maybe i'm zoomed out more than you guys when i was making it?
my display is 2560 x 1440 actually
this is what i see
wait where's the title bar
guhhhhhh
i don't see it on your end
it's fixed via the file i sent
ah
h
yup it uses the desktop edition of this
why is your thing not working tho........
why can't i type normally???
???
wwhen i go into a smaller windopw i can see my settings and stuff but not in full window mode
where in the fuck is the bar appearing im so confused
it would be easier if you guys could screenshare but i doubt anyone wants to use vencord vc's lmfao
me with all of them not visible-
i'd be fine with doing that
GUH WAIT THIS IS GOOD
thast's when i maximize the window
😭
it only works maximized
ah lol
i see
still, pretty broken form e
so what would screensharing help you do
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
the only difference is i can help in real time and see the changes in your visual context, aka, it's easier Lol
im unsure if i even can right now either way tho
i will give me about a minute
👍
@remote orchid @twin glade could one of you try this update
@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
idk its ur code lol
i thought u said that px scales
bc this doesnt use vw or vh or anything and yet it doesnt
looks like the css isnt applying or something
their screenshot looks like stock discord
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
i... don't even know what is that
i dont think i have it
let me look
uhm
let me look "class"
nope
it's called classify
nothing
guh
i dont have that on my vencord...
never heard of that plugin
@dry ravine
@dry ravine this specifically
in quickcss
wait so there's an update i need to test?
yes
for twiz it doesnt work yet because we found out their discord is just cooked lmfao
ok, trying it now
i can type but it's weird
why is everyones chat bar zero width it's so odd im so confused
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
its still broken 😭
😭
why is it like this???
what are you trying to do even
for everyone except me it's broken but it entirely brings back the old chatbar
What is it supposed to bring back it just looks the same
It's just supposed to slim down the chatbar and move it?
that's how the new looks
Are you actually trying this CSS without other code
doesn't for me
I think this is a discord experiment
this is with no css
are you on the visual refresh
yes
probably not
could you try to change to it ?
sure
it's in experiments under visual refresh
Bucket 3
yes
bucket two
im gonna implode
LMFAO
we will implode together
yes 😌
This was being talked about in off-topic yesterday
i say "my guess" because i never selected one
if you want to try the snippet you need to change to treatment 2 since treatment 3 has legacy chat input
they assigned u one ya
eh
it moves up when you type
and it looks like this
But it's not acting all wonky, it's just padded weird
you have to be kidding me
guh
IT PRETTY MUCH WORKS NOW
That could be a sizing issue too
yeah it's moving for some reason
this is it for me
lol
LOLLL
it changes size to include the typing indicators
so for now just use Treatment 3
I HATE THIS COMPANY WITH ALL MY MIGHT
idk why you'd need this otherwise
nah fuck this bro im disabling this whole entire shit
im sorry
im sorry
im mad
im stressed
sorry
./gen
waut why is the typing indicator over there
wait what
this is meant for after the experiment becomes a reality, it's a preventative measure for people who dont know how to code themselves
lemme try that
but is Treatment 2 actually being pushed by default
probably
It doesn't show up at all for me
Am i supposed to use the CSS file or the code snippet
it's likely the whole thing gets removed (if discord isnt stupid) and if it does not, the treatment 2 will be default
ok you might need to look at your code bc this is a completely different issue
code snippet
are you fr
Only issue is that the line is still there, and the picker buttons are still tied to the sidebar
how do i download it as a css file instead of copying
that was before i switched to px, maybe i didnt need to update at all and it was always the bucket problem
😭
do you still have the old code
download button here
yop i just replied to it
guhhhhh
is this cuz it's just your quickcss file
that's not an abnormality
yeah but then this happens
the file is actually a section of the full code which is meant to reverse the update entirely
also uh
im aware im fixing that when i get the chance
forgot to add to current issues
will add the line there too
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
mb 🤦
- 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
here's how it looks for me
actually wait, lemme send a window screenshot
so it's definitely better than before
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)
that's where it was for me before 😭
is this with the file or with the code
with the codeblock, not the css file
yeah, that's the problem
i'm not going to use the css file unless you tell me to try it
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
I think this could also be adapted to work with treatment 3-4 and it'd be much shorter lines to code
there will be separate versions with only the css required included in each for different buckets
Do you want me to test these with Treatment 1 or 2
just in case a different one gets chosen
treatment 2 has collapsible sidebar
2
guhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
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)
well the zoom thing i cant possibly fix
like at all
everything else though is good info
will fix
So that means this css has to be used at a specific zoom setting on discord
what is that setting
pretty much, a lot of themes just break at different zoom levels i believe
ctrl + '+', ctrl + '-'
they're just talking about zooming in and out like in a website
ah
are you kidding me
it's still doing the freezing thing when i hold backspace
i thought i fixed it
the theme to fix the chatbar is heavy on performance due to the use of :has()
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
i see
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;
}
https://pastebin.com/n4Q9JQAV current file - refresh death full edition 0.0.4
Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
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
guh
and the icons are small and low down for some reason
but at least this is a step in the right direction!!
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
what was it supposed to fix? the buttons on the right?
yeah guh
well, now it looks like the profile bar is back to how it was by default
and the icons aren't as low down?
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
yeah i dont know what element it is since it doesnt appear on mine im stil tryna figure it out
you wanna get in call again and we can look on my end?
i cant atm cuz my wife is sleeping in a call with me 
ahh
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