aboutsummaryrefslogtreecommitdiffstats
path: root/styles
diff options
context:
space:
mode:
authorDanilo M. <danix@danix.xyz>2026-10-03 09:54:53 +0200
committerDanilo M. <danix@danix.xyz>2026-10-03 09:54:53 +0200
commitcb60f5adfd19cd8b7c9569c941db2ca16d34c730 (patch)
tree1b4d5f8fe718817a3551e5f19617d157b64c1acf /styles
parentc528fde9fe28d188ba362423852131b104c885d0 (diff)
downloadwaybar-theme-udt-master.tar.gz
waybar-theme-udt-master.zip
fix(pills): keep CSS icons their size on hoverHEADmaster
The hover rule set the background shorthand, which also resets background-size. #id:hover outranks the per-module #id rules that size the CSS-drawn icons, so on hover every one of them (presentation, mail, clock) fell back to the SVG's native size. Set background-color only. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Diffstat (limited to 'styles')
-rw-r--r--styles/pills.css5
1 files changed, 4 insertions, 1 deletions
diff --git a/styles/pills.css b/styles/pills.css
index 391c0b5..8b21398 100644
--- a/styles/pills.css
+++ b/styles/pills.css
@@ -49,7 +49,10 @@
#tray:hover,
#custom-presentation:hover,
#image.lang:hover {
- background: @hover-bg;
+ /* The colour only, not the background shorthand: the shorthand resets
+ * background-size too, and this selector outranks the per-module rules
+ * that size the CSS icons, so every icon jumped to its native size. */
+ background-color: @hover-bg;
color: @hover-fg;
}