From 69195ab8f56d038d5c70d42a4dabae6a73ab4734 Mon Sep 17 00:00:00 2001 From: Herman Snevajs Date: Fri, 12 Jun 2026 09:20:12 +0200 Subject: [PATCH] Suppress focus halo on icon action buttons after mouse click QA reported the resend / trash buttons on invitation rows keep the focus halo after a mouse click. Add a :focus:not(:focus-visible) rule to .icon-action-btn so the ring is dropped on mouse interaction but preserved for keyboard navigation (accessibility). --- .../src/assets/sass/themes/mm-theme-light/_extensions.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss index 2fb161a3..6da85d8c 100644 --- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss +++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss @@ -122,6 +122,11 @@ img { .p-button.icon-action-btn { color: map-get($colors, 'forest'); + // Suppress the focus halo after a mouse click + &:focus:not(:focus-visible) { + box-shadow: none; + } + &:not(:disabled):hover { background: map-get($colors, 'light-green'); color: map-get($colors, 'forest');