Fix z-indexing

[lyra56k]

trafficstars

This should fix the bug where the buttons under the popout would always be unclickable. I tested on Windows and macOS, and could not find any other issues caused by the fix. #11

[LuckFire]

Interesting.. this fix doesn't seem to work for me.

Also, this wasn't really done the "proper" way, since it also needs to be fixed for Powercord, then compiled and into compile.css in src. I didn't realize there was another css file in the src, but that's how I usually do stuff.

[lyra56k]

Sorry, I hadn't really thought about other client mods, I am pretty new to this and don't have much experience outside of my past HTML/CSS work. I can try to figure out where to put the fix for Powercord as well. As for it not working for you, I find that odd. I made sure to test both Windows and macOS and it seemed just fine. Like I mentioned in the corresponding issue, the theme was not working properly until I manually pasted the code into the file, as the @import wasn't working properly for me. Assuming that also happens for others, could that be related?

[LuckFire]

That's alright, we all start somewhere. Usually I work on Powercord's / Vizality's (because that's the client mod I mainly used), then I compile it and set it up in a way that it works for other things such as BetterDiscord and Stylus. I need to figure out an actual better way to set up compiling on this repo instead of just using Prepos for compiling and doing it in a scuffed way.

The import should be working properly now, it was cause GitHub failed to set up pages for whatever reason, it just couldn't find the compiled file at the URL. It'll more than likely happen for others due to me changing the entire structure of sorting, so it can't find the old compiled css file.

[lyra56k]

I completely redownloaded the theme, then added my changes below the @import statement, and the fix still works for me. You said you mainly use Powercord/Vizality, so maybe that's why it wasn't working for you, either due to differences in those mods, or due to the compiled.css VS. the file in /src folder. If you try copying the below code below the @import in your local copy of the theme, what happens then? If that works, I can update my branch and the PR, otherwise I'll have to look into it some more.

.container-1-ERn5 .header-3OsQeK,
.searchBar-3TnChZ {
    z-index: 1;
}

.privateChannels-oVe7HL {
    z-index:  1;
}

.container-ZMc96U {
    z-index: 1;
}

.panels-3wFtMD {
    z-index: 0;
}
.panels-3wFtMD:hover {
    z-index: 2;
}

[LuckFire]

Yea, the issue still seems to be happening interestingly enough.

[lyra56k]

It’s possible that the CSS classes in my discord instance are different due to plugins. It’s also possible that BetterDiscord or Powercord are changing class names. I will download Powercord later and see if the classes are the same or not, and fix accordingly.

[LuckFire]

Client mods rarely change class names, and usually add their own for better support of things, plugins it's usually the same thing. However, different builds may have different class names because of Discord's development environments.

[lyra56k]

I may have just used something added by my software then. Like I said, I’ll do some more testing later, because I am really curious now as to what’s going on.