Alexays / Waybar

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

[#pulseaudio-slider slider 's background-color property (css) is taking over #pulse-audio driver's background-color property #3232

Open john-basilio opened 6 months ago

john-basilio commented 6 months ago

This will cause #pulseaudio-slider slider to have it's background color override the supposedly background color of the slider that is supposed to be handled by #pulseaudio-slider . EDIT: the handle itself cannot be resized too (it doesnt go lower than a certain value). `#pulseaudio-slider slider { min-height: 30px; min-width: 5px; opacity: 1; color: #2980b9; background-color: blue; border: none; box-shadow: none; }

pulseaudio-slider {

background-color: rgba(235, 0, 0, 0); } `

However, if you make #pulseaudio-slider be on top of #pulseaudio-slider slider , the #pulseaudio-slider will work just fine, but in all these 2 instances, the handle never got changed colors

here is the slider related code for referrence, all other else are just default config CSS `#pulseaudio-slider,

pulseaudio-slider slider {

min-height: 30px;
min-width: 5px;
opacity: 1;
color: #2980b9;
background-color: blue;
border: none;
box-shadow: none;

}

pulseaudio-slider {

background-color: rgba(235, 0, 0, 0); }

pulseaudio-slider trough {

min-height: 10px;
min-width: 80px;
border-radius: 5px;
background-color: rgb(88, 88, 88);

}

pulseaudio-slider highlight {

min-width: 0px;
border-radius: 5px;
background-color: #2c2c2c;

} `

Config "modules-right": ["pulseaudio/slider"] "pulseaudio/slider": { "min": 0, "max": 150, "orientation": "horizontal" },

john-basilio commented 6 months ago

luckily enough i go with monotonous b&w setup and even with this issue i should still be fine,but it never hurts to submit one when i see one.