Hiding hyprland/windows module when empty doesn't work

[NGB-Was-Taken]

config

"modules-center": [
        "hyprland/window"
    ],
"hyprland/window": {
        "format": "{}",
        "icon": true
    }

css

window#waybar.empty #window{
    background-color: transparent;
}

When switching to a workspace without a window, nothing seems to change. The background color is still the same as before. Wasn't sure if I was doing something wrong or something is broken, so, I decided to create a discussion instead of an issue.

[GeeseLikeToCode]

Hi, been having the same issue
What seems to work is including

#waybar.empty .modules-center{
opacity:0;
}
(Spacing is imporant)
in your style.css
This should hide all center modules, including the window module when there is no active window

[YEZEQ-JAY]

I have them on my github-repo, if you don't mind

[GeeseLikeToCode]

I do not, I realized I made a mistake and instead of using window#waybar.empty .modules-center it should have been #waybar.empty .modules-center my apologizes. Dont forget to use "opacity:0;" inside the function since for some reason setting it to be transparent doesnt seem to hide it. Let me know if that works

[GeeseLikeToCode]

Oh, and also there needs to be a space between #waybar.empty and .modules-center or else it does not work

[YEZEQ-JAY]

Like that it works, OMG thank you so much.

[GeeseLikeToCode]

No problem