From 93807b0b3e74ec229872a17afc54761735d75204 Mon Sep 17 00:00:00 2001
From: Simon Plakolb <s.plakolb@gmail.com>
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 2a8c319..40d870a 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 {