Alexays / Waybar

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

Border radius not working #1348

Open Febri-i opened 2 years ago

Febri-i commented 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);

}

philip-brink commented 2 years ago

I'm seeing the same problem. For me it's also only the border on the network module.