From 93807b0b3e74ec229872a17afc54761735d75204 Mon Sep 17 00:00:00 2001 From: Simon Plakolb Date: Tue, 18 Oct 2022 11:21:44 +0200 Subject: [PATCH] resources: Remove border effect on hover Moves the ``border = none;`` attribute from workspace buttons to the global scope. The hover effects on all buttons are now consistent in the default stylesheet. --- resources/style.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/resources/style.css b/resources/style.css index 2a8c3199..40d870af 100644 --- a/resources/style.css +++ b/resources/style.css @@ -34,6 +34,14 @@ window#waybar.chromium { border: none; } +button { + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; + /* Avoid rounded borders under each button name */ + border: none; + border-radius: 0; +} + /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ button:hover { background: inherit; @@ -44,11 +52,6 @@ button:hover { padding: 0 5px; background-color: transparent; color: #ffffff; - /* Use box-shadow instead of border so the text isn't offset */ - box-shadow: inset 0 -3px transparent; - /* Avoid rounded borders under each workspace name */ - border: none; - border-radius: 0; } #workspaces button:hover {