etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-30 02:23:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(stats-charts): убрать focus-outline артефакт при клике по графику

Browse Source 
В recharts столбцы/секторы/точки становятся фокусируемыми, и при клике браузер
рисует свою обводку — артефакт на read-only графиках. Добавил гашение outline
для .recharts-wrapper/.surface/.sector/.rectangle.
This commit is contained in:
c0mrade
2026-06-02 14:57:40 +03:00
parent 33f8ddac9a
commit 5e837621ad
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/globals.css
View File

@@ -1380,6 +1380,18 @@ input[type='checkbox']:hover:not(:checked) {
background-color: rgb(var(--color-dark-600)); 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'] { .light input[type='checkbox'] {
border-color: rgb(var(--color-champagne-400)); border-color: rgb(var(--color-champagne-400));
background-color: rgb(var(--color-champagne-100)); background-color: rgb(var(--color-champagne-100));