#Original Top Bar When In Layers

1 messages ยท Page 1 of 1 (latest)

tired quiver
#

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 */
}
tired quiver
#

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

still pagoda
#

@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

tired quiver
still pagoda
#

css w/o the header thingy

#

ok wait now it's working when i repaste it

#

that's weird

#

nvm ๐Ÿ’€

tired quiver
#

The fact you have the fake system bar and the chat bar merged is likely the root cause of the issue

still pagoda
#

i"m not good at like any css

tired quiver
#

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

still pagoda
#

this is what it looks like pasted now into css for some reason

tired quiver
#

Is it still broken ?

still pagoda
still pagoda
#

idk what happened

#

I might've pasted it wrong ig