From 5e837621ad5649b8c6d78d74218cbee2258d0f2b Mon Sep 17 00:00:00 2001 From: c0mrade Date: Tue, 2 Jun 2026 14:57:40 +0300 Subject: [PATCH] =?UTF-8?q?fix(stats-charts):=20=D1=83=D0=B1=D1=80=D0=B0?= =?UTF-8?q?=D1=82=D1=8C=20focus-outline=20=D0=B0=D1=80=D1=82=D0=B5=D1=84?= =?UTF-8?q?=D0=B0=D0=BA=D1=82=20=D0=BF=D1=80=D0=B8=20=D0=BA=D0=BB=D0=B8?= =?UTF-8?q?=D0=BA=D0=B5=20=D0=BF=D0=BE=20=D0=B3=D1=80=D0=B0=D1=84=D0=B8?= =?UTF-8?q?=D0=BA=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit В recharts столбцы/секторы/точки становятся фокусируемыми, и при клике браузер рисует свою обводку — артефакт на read-only графиках. Добавил гашение outline для .recharts-wrapper/.surface/.sector/.rectangle. --- src/styles/globals.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/styles/globals.css b/src/styles/globals.css index 849ca51..1ed7da8 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -1380,6 +1380,18 @@ input[type='checkbox']:hover:not(:checked) { background-color: rgb(var(--color-dark-600)); } +/* Recharts: bars, pie sectors and dots become focusable, so clicking one draws + the browser's focus outline — a visual artifact on read-only charts. Kill it. */ +.recharts-wrapper:focus, +.recharts-wrapper:focus-visible, +.recharts-wrapper :focus, +.recharts-wrapper :focus-visible, +.recharts-surface, +.recharts-sector, +.recharts-rectangle { + outline: none; +} + .light input[type='checkbox'] { border-color: rgb(var(--color-champagne-400)); background-color: rgb(var(--color-champagne-100));