#Original Top Bar When In Layers
1 messages ยท Page 1 of 1 (latest)
Documented version :
[class^=appMount] > [class^=bar] {
display: none; /* Remove the stripped down duplicate bar */
}
[class^=bar] {
z-index: 3001; /* Make the top bar appear in the settings since we've removed the stripped down duplicate bar */
}
[class^=layers] > [class^=layer] {
opacity: unset !important; /* Allow the bar to be shown in the settings */
padding-top: unset; /* Force it to be at the right place instead of reinventing relative positionning */
top: 0; /* Force it to be at the right place instead of reinventing relative positionning */
background: var(--app-background-frame); /* Make sure the bar has the right background */
}
[class^=layerContainer] > [class^=backdrop] {
top: var(--custom-app-top-bar-height); /* Fix the position of the backdrop effect */
height: calc(100% - var(--custom-app-top-bar-height)); /* Fix the height of the backdrop effect */
}
[class*=trapClicks] {
pointer-events: none !important; /* Prevent discord doing stupid things */
}
To make it work a slight bit better if you don't use this snippet #๐จ-css-snippets message , add this
[class^=layerContainer] {
--magic-offset: 6px;
top: var(--magic-offset);
height: calc(100% - var(--magic-offset));
}
i have modified the snippet, you should update it
i fixed some stuff and i've also added a documented version for people who'd want to modify it
i also added an additional bonus snippet as this was not really designed to be used alone, but as part of my entire own custom theme
@tired quiver
this breaks the search bar for me, is there any fix for it?
I'm unable to click on it
same with most of the top icons
That's normal based on the cursedness i can see ?
Could you give all the CSS you use, quickcss and themes ? There's no way i can figure out why it doesn't work with a screenshot
css w/o the header thingy
ok wait now it's working when i repaste it
that's weird
nvm ๐
The fact you have the fake system bar and the chat bar merged is likely the root cause of the issue
uhhh where is that sry
i"m not good at like any css
I'm saying that by looking at the screenshot didn't look at your CSS yet and won't be able to do right now
this is what it looks like pasted now into css for some reason
ooh thats okay take your time
Weird it doesn't look like what it does in your earlier screenshot ?
Is it still broken ?
yea idk what happened, just removed and repasted and its diff
nah, it's working now
idk what happened
I might've pasted it wrong ig