waybar: decrease margins of window

now right and left margin match one top and bottom margins. can't for
some reason remove the top margin using css
This commit is contained in:
Nico 2025-08-26 19:28:22 +10:00
parent c32da0f224
commit 0cd2b2bd00
Signed by: nico
SSH key fingerprint: SHA256:XuacYOrGqRxC3jVFjfLROn1CSvLz85Dec6N7O9Gwu/0
2 changed files with 9 additions and 8 deletions

View file

@ -2,7 +2,7 @@
"layer": "top", // Waybar at top layer
"position": "right", // Waybar position (top|bottom|left|right)
//"height": 40,
"margin": "0 10 0 10",
"margin": "0 5 5 5",
//"width": 1350, // Waybar width
// Choose the order of the modules idle_inhibitor
"modules-left": [

View file

@ -31,11 +31,10 @@ window#waybar.solo {
}
*/
button {
/* Avoid rounded borders under each button name */
/*button {
border: none;
border-radius: 0;
}
}*/
#workspaces {
background-color: @background;
@ -50,19 +49,20 @@ button {
}
#workspaces button.active {
color: @on_primary;
background-color: @on_primary_container;
color: @on_primary_container;
background-color: @primary_container;
}
#workspaces button:hover {
color: @on_primary;
background: @on_primary_container;
}
border: 0px solid black;
}/*
#workspaces button.urgent {
color: @error;
background-color: @error_container;
}
}*/
#clock,
#battery,
@ -101,6 +101,7 @@ button {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-left: none;