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

View file

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