From 5c574975b733aa7e9c0ca347c77eaf3bc6b1155b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Mart=C3=AD?= Date: Sun, 9 Jan 2022 10:30:15 +0000 Subject: [PATCH] resources: don't break tray icon checkboxes via CSS These three lines break checkboxes and other forms of UI in status indicator dropdowns. For instance, they break checkboxes on NetworkManager's "nm-applet --indicator" via libappindicator-gtk3. First, disabling borders completely hides those UI elements, as they seem to render entirely via borders. Second, min-height makes checkboxes just flat lines. When removed entirely, the border settings seem to have had an effect on the workspaces widget, which now renders with round underline borders. To undo that, re-add those two lines inside its section. The min-height setting doesn't seem to affect anything that I can see. Remove it entirely, for now. Fixes #1148. --- resources/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/resources/style.css b/resources/style.css index 0235942..3bc7052 100644 --- a/resources/style.css +++ b/resources/style.css @@ -1,10 +1,7 @@ * { - border: none; - border-radius: 0; /* `otf-font-awesome` is required to be installed for icons */ font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 13px; - min-height: 0; } window#waybar { @@ -43,6 +40,9 @@ window#waybar.chromium { 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; } /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */