FIXNAMEPLATE

[near whale]

thread

[somber compass]

theres no way you're using vw for this 😭

[near whale]

WAS THAT THE PROBLEM? i've been using vw and vh i didnt know what else to do 😭

[somber compass]

yeah um i dont want to be mean but maybe dont submit things if you have no idea what to do

[near whale]

it worked i my end clearly i didnt know it was an issue, also people post broken snippets bc they get fixed over time

i'd rather you tell me a more reliable way to scale on all screens

if that'd be alright

[somber compass]

calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width))

.visual-refresh [class^="panels_"] {
    border-radius: 0;
    left: var(--custom-guild-list-width);
    bottom: 0;
    width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width) + 1px);
}```

[near whale]

guhhh thankyouuuuuuuuu

[tribal skiff]

^^ j to add onto what refactor already said, try to not use precise numbers when it comes to scaling, since itll only be that way on ur screen

[somber compass]

and you'd probably have to add

.visual-refresh .guilds_c48ade {
    margin-bottom: 0;
}```
to get rid of the empty space on the server list

oh wait

[near whale]

this is actually really sad due to the way i spent a shit ton of time on this https://discord.com/channels/1015060230222131221/1354518913316028477 :<

[somber compass]

oh my god

[tribal skiff]

definitely mess with the var(--custom-guild-list-width) and the other variables to understand how they work if u wanna try n do other snippets !!

[near whale]

can you tell how mental deteriorating it is to hear that it doesnt work now

this is my hell

[somber compass]

please dont use vw for anythign discord theming related
probably the only case where you'd want to use that is like positioning a modal that shows up on top of everything

[tribal skiff]

yeah i get it fr

why i dont post a lot of my code is because i make it designed only for my screen cause im honestly too lazy d:

but the experience teaches u 🙏

[near whale]

should i replace everything with like. percentages of something i dont know what to do to fix it 😭

the refresh death one not this

[tribal skiff]

what does that snippet do

[near whale]

it reverses the ui update for the chatbar

will eventually reverse it mostly all the way on everything

[tribal skiff]

what do u exactly edit

im on my phone and reading code on mobile makes me want to die

[somber compass]

ummm maybe try to learn how positioning and layouts work in css

we use absolute/fixed position as a hack a lot but in general you'd want to align to the layout instead of inputting a specific value

because as i showed some stuff is resizable

[near whale]

im unsure what you mean by layouts i thought there wasnt really a way to say "put this on this element"

i feel like im just stupid i have no idea how to scale on others' screens right with the chatbar thing

i was under the impression from lessons that vw and vh helps mitigate the difference in px scale across screens

i was,,, clearly incorrect

[somber compass]

i mean it does, but relative to the screen

when everything else in the layout is using px, then you're just gonna mess things up

also px do scale, if you zoom in or zoom out it increases the size of px

[near whale]

guh i didnt know that before

i need like universal width/height variables that i can take percentages of in order to scale across screens but i dont know of any variables like that

cuz a lot of them change dynamically from user input

[near whale]

would i just use px then im confused

is px more reliable or do i have to find a mystery variable

i was looking at other peoples snippets and it seems most use px and the rest use vh and vw

[somber compass]

use px

unless you actually need to scale by the screen size

like if u wanted to position something so that is always 20% of the screen to the left or something, then use vw

[near whale]

oh okay thank you very much

[surreal cloak]

I love it!

    border-radius: 9;
    left: calc(var(--custom-guild-list-width) + 6px);
    bottom: 9px;
    width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width) - 10px);
}
.visual-refresh .guilds_c48ade {
    margin-bottom: 0;
}```

[near whale]

:D

[surreal cloak]

I use a css snippet to resize the server bar width so values might be different for you

[surreal cloak]

Is it possible to remove the top one? I can't find the class

[vernal breach]

#🎨-css-snippets message
Prob check this out.

[toxic basin]

Works, but I found I needed to change the height

height: calc(100vh - 10px);

[cloud pumice]

This looks a lot better provided you remove the part that hides stuff behind it. Here is the snippet I have for this, its also cleaned up a tad :)

.visual-refresh {
  [class^="panels_"] {
    border-radius: 9;
    left: calc(var(--custom-guild-list-width) + 6px);
    bottom: 9px;
    width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width) - 10px);
  }
  .guilds_c48ade {
    margin-bottom: 0;
  }
  .sidebar_c48ade:after {
  height: 0px;
  }
  body {
    --custom-app-panels-height: 0px !important;
  }
}

my theme makes the contrast a bit bad but the snippet looks better anyways

[long harbor]

uhm

this doesnt look right-

@near whale bro

why does every snippet of yours breaks-

/silly /gen

/ndir

[toxic basin]

did you remove your other CSS code

works for me

[long harbor]

removed everything

and

its still like that

[toxic basin]

lol

[long harbor]

bro i think my discord is like

[near whale]

yeah dude your install is just fucked or something idk what to tell you

[long harbor]

haunted or something

[near whale]

reinstall Lol

[long harbor]

LMAO

YEP HERE I GO

LMAO

[near whale]

#1354518913316028477 message

could you try that

you have to actually go to its channel to get the real code

obv

[long harbor]

@near whale BRO

WHAT THE FUCK

[snow junco]

div[class^=sidebar_] nav[class^=wrapper_]{
  margin-bottom: unset!important;
}```
(if you mean the blank space at the bottom of the server list)

[surreal cloak]

I prefer to hide the stuff behind cause I barely can read it when it's behind so there's no need to see it imo

[surreal cloak]

I've seen it but it completely breaks my theme so it's a no go

[cloud pumice]

personally I think its nicer for it to be there, kinda gives the impression of it being a floating panel yk, so while its useless to have it there, it helps the floating feel imo :)

[near whale]

cooked

[pseudo blaze]

Uh

Small icons fix?

Gif button also looking small for some reason

[iron olive]

hm...

i dont think this is correct...

[snow junco]

This is what I'm using, hopefully its of use for someone else

/* SIDE BAR FIX */
div[class^=sidebar_] nav[class^=wrapper_] {
  margin-bottom: unset !important;
}

div[class^=sidebar_] section[class^=panels_] {
  margin-left: var(--custom-guild-list-width);
  width: calc(100% - var(--space-xs)* 2 - var(--custom-guild-list-width)) !important;

  [class^=lottieIcon_] svg {
    width: auto!important;
    height: auto!important;
  }

  div[class^=actionButtons_] button {
    padding: unset;
  }
}```

[coral quest]

could this be made compatible with midnight?

[mortal forge]

seems to be fine with midnight

[coral quest]

huh, maybe one of the other things I have in my css is fucking it up

[mortal forge]

you could remove snippets till it works and you would find the issue

[coral quest]

good idea, I will start removing snippets

I removed everything except midnight and just put in the css from the snippet at the top and this happens

[weak narwhal]

trying this one and the bottom two servers are covered by the name area when using betterfolders,.

[snow junco]

Try to sum the width of the extra row that betterfolders add to the margin-left prop there. I don't use that plug-in

[weak narwhal]

How would I have it only remove that amount when the extra row is open though?

[coral quest]

could I please get some help with this?

[snow junco]

I was trying to change it now that I'm at home, I'm not sure there's an easy way that involves only css. If anyone fixes it, let me know. It shouldn't be that hard if you always have the folders open, but if they keep closing and opening, that makes it harder

[mortal forge]

doesn't seem that you actually removed all the css, you have a theme that is conflicting with the snippet

[snow junco]

Try removing midnight.