From cb60f5adfd19cd8b7c9569c941db2ca16d34c730 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Sat, 3 Oct 2026 09:54:53 +0200 Subject: fix(pills): keep CSS icons their size on hover 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 --- styles/pills.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'styles') 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; } -- cgit v1.2.3