From 79eb5c8606a886f40c79ac27d68ab941ffc1668b Mon Sep 17 00:00:00 2001 From: fkwp Date: Thu, 17 Sep 2026 18:16:36 +0200 Subject: [PATCH] Draw the active frame at one width on every tile - Thinner: colour alone, at the width every tile already carries - The same on an added background as on no effect. It was thickened with an inset shadow, which draws inside the padding box where an image tile's picture sits, so the picture covered it and image tiles wore a thinner frame than the rest Co-Authored-By: Claude Opus 5 (1M context) --- src/components/MediaMuteAndSwitchButton.module.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/MediaMuteAndSwitchButton.module.css b/src/components/MediaMuteAndSwitchButton.module.css index 6b8d6c844..231b4362e 100644 --- a/src/components/MediaMuteAndSwitchButton.module.css +++ b/src/components/MediaMuteAndSwitchButton.module.css @@ -216,12 +216,12 @@ Please see LICENSE in the repository root for full details. /* The selection is drawn here and announced by the item's aria-checked, so it never rests on colour alone. Matched to the specificity of the base tile rule above, which also sets a border-color and would otherwise win. - The inset shadow thickens the frame without changing the tile's geometry, - which a wider border would, shifting every tile as the selection moves. */ + Colour alone, at the width every tile already carries: thickening it with an + inset shadow drew it inside the padding box, where an image tile's picture + sits, so the picture covered it and an added background wore a thinner frame + than no effect did. */ .effectGrid .effectTileSelected { border-color: var(--cpd-color-border-accent); - box-shadow: inset 0 0 0 var(--cpd-border-width-1) - var(--cpd-color-border-accent); } .effectGrid .effectTile > * {