Open Febri-i opened 2 years ago
I set my right modules to have left up and bottom border-radius but i dont know why it changing see my style.css
{ border: none; border-radius: 0; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 13px; min-height: 0; } .modules-left { margin-right: 100px; } .modules-center{ padding-right: 100px; } window#waybar { background-color: transparent; color: #ffffff; transition-property: background-color; transition-duration: .5s; } window > box { margin: 4px; margin-top: 0; background: transparent; color: white; } window#waybar.hidden { opacity: 0.2; } workspaces button { padding: 0 5px; background-color: transparent; color: #ffffff; } workspaces button:hover { background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 -3px #ffffff; } workspaces button.focused { background-color: #64727D; } workspaces button.urgent { background-color: #eb4d4b; } clock, cpu, memory, disk, temperature, backlight, network, pulseaudio, tray, mpd { padding: 2px 20px; box-shadow: 41px 0px 0px 0px rgba(0,0,0,1); border-radius: 25px 0 0 25px; margin-left: -10px; background: white; color: white; font-weight: bold; } clock { background-color: #64727D; } label:focus { background-color: #000000; } cpu { background-color: #2ecc71; } memory { background-color: #9b59b6; } disk { background-color: #964B00; } backlight { background-color: #90b1b1; } network { background-color: #2980b9; } network.disconnected { background-color: #f53c3c; } pulseaudio { background-color: #f1c40f; } pulseaudio.muted { background-color: #90b1b1; color: #2a5c45; } temperature { background-color: #f0932b; } temperature.critical { background-color: #eb4d4b; } tray { background-color: #2980b9; } tray > .passive { -gtk-icon-effect: dim; } tray > .needs-attention { -gtk-icon-effect: highlight; background-color: #eb4d4b; } keyboard-state { background: #97e1ad; color: #000000; padding: 0 0px; margin: 0 5px; min-width: 16px; } keyboard-state > label { padding: 0 5px; } keyboard-state > label.locked { background: rgba(0, 0, 0, 0.2); }
.modules-left { margin-right: 100px; }
.modules-center{ padding-right: 100px; }
window#waybar { background-color: transparent; color: #ffffff; transition-property: background-color; transition-duration: .5s; }
window > box { margin: 4px; margin-top: 0; background: transparent;
color: white; }
window#waybar.hidden { opacity: 0.2; }
padding: 0 5px; background-color: transparent; color: #ffffff;
}
background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 -3px #ffffff;
background-color: #64727D;
background-color: #eb4d4b;
padding: 2px 20px; box-shadow: 41px 0px 0px 0px rgba(0,0,0,1); border-radius: 25px 0 0 25px; margin-left: -10px; background: white; color: white; font-weight: bold;
label:focus { background-color: #000000; }
background-color: #2ecc71;
background-color: #9b59b6;
background-color: #964B00;
background-color: #90b1b1;
background-color: #2980b9;
background-color: #f53c3c;
background-color: #f1c40f;
background-color: #90b1b1; color: #2a5c45;
background-color: #f0932b;
-gtk-icon-effect: dim;
-gtk-icon-effect: highlight; background-color: #eb4d4b;
background: #97e1ad; color: #000000; padding: 0 0px; margin: 0 5px; min-width: 16px;
padding: 0 5px;
background: rgba(0, 0, 0, 0.2);
I'm seeing the same problem. For me it's also only the border on the network module.
I set my right modules to have left up and bottom border-radius but i dont know why it changing see my style.css