diff options
| author | Danilo M. <danix@danix.xyz> | 2026-09-17 08:07:17 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-09-17 08:07:17 +0200 |
| commit | 8fb1d0d9840a7e870d71ac902265199942fdf366 (patch) | |
| tree | c3daa8daa219aad0c434adc569dd1fb93b6fc47a /styles | |
| parent | a46b47a0246da2405d08b6a92f3b273e4dd3a25b (diff) | |
| download | waybar-theme-udt-8fb1d0d9840a7e870d71ac902265199942fdf366.tar.gz waybar-theme-udt-8fb1d0d9840a7e870d71ac902265199942fdf366.zip | |
fix(pills): sit the pills flush against the screen edge
The 4px margin was applied top and bottom, leaving a transparent strip above
every pill that read as the bar reserving space it was not using. Moving it to
the bottom only puts the pills at y=0 on both monitors, measured from
screenshots rather than judged by eye.
Note that reload_style_on_change did not pick this up: the pills were still at
y=4 after the edit and at y=0 only after a waybar restart.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/pills.css | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/styles/pills.css b/styles/pills.css index 7bc9947..391c0b5 100644 --- a/styles/pills.css +++ b/styles/pills.css @@ -28,7 +28,10 @@ color: @main-fg; border-radius: 14px; padding: 2px 12px; - margin: 4px 0; + /* Top edge only: the pills sit flush against the screen edge, and the gap + * is below them. An even 4px top and bottom left a transparent strip above + * every pill, which read as the bar reserving space it was not using. */ + margin: 0 0 4px 0; transition: background-color 0.3s ease, color 0.3s ease; } |