waybar: use order instead of id for rounded corners

This commit is contained in:
Peter Cai 2022-03-25 21:57:38 -04:00
parent 0ef4187b14
commit 0eca5f5874

View file

@ -58,6 +58,11 @@ window#waybar.hidden {
border-bottom: 3px solid #ffffff; border-bottom: 3px solid #ffffff;
} }
/* Rounded corner for the leftmost non-tray module on the right side */
.modules-right > :nth-child(2) > * {
border-radius: 5px 0px 0px 5px;
}
#clock, #clock,
#battery, #battery,
#cpu, #cpu,
@ -136,7 +141,6 @@ label:focus {
} }
#pulseaudio { #pulseaudio {
border-radius: 5px 0px 0px 5px;
background-color: #ebdbb2; background-color: #ebdbb2;
color: #000000; color: #000000;
} }
@ -171,7 +175,7 @@ label:focus {
#tray { #tray {
background-color: #3c3836; background-color: #3c3836;
padding: 0 8px; padding: 0 12px;
} }
#custom-power { #custom-power {