Alexays / Waybar

Highly customizable Wayland bar for Sway and Wlroots based compositors. :v: :tada:
MIT License
6.78k stars 710 forks source link

Hide tray icon when empty #3721

Open arejula27 opened 1 month ago

arejula27 commented 1 month ago

image I would like to know if it is possible to hide using CSS the tray module when there is no icon to show.

AyushmanOfficial commented 2 weeks ago

I would like to know this too, Btw how did you group the modules arejula?

arejula27 commented 2 weeks ago

Removed the left/right margin and the borders using css. You have my dotfiles on my profile, the repo is dotfiles

AyushmanOfficial commented 2 weeks ago

Removed the left/right margin and the borders using css. You have my dotfiles on my profile, the repo is dotfiles

Thanks!

AyushmanOfficial commented 2 weeks ago

Hey seems like i found a way?? @arejula27

#tray {
 margin: 4px;
 color: @text;
 padding: 3px 8px;
 background-color: @surface0;
 transition: all 200ms ease-in-out;
 border-radius: 1.5em;
}

#tray.active {
 color: @red;`
 padding: 3px 8px;
 background-color: @surface0;
 transition: all 200ms ease-in-out;
 border-radius: 1.5em;
}

#tray.empty {
 background-color: @mauve;
}