react-tooltip 4 -> 6

react-tooltip 4 brought uuid 7 (open advisory, fixed only in 11) and
had not been maintained since 2022. Tooltip now wraps the v6 component
(no more cast); triggers use data-tooltip-id instead of data-for and
data-tip (Icon, Badge, Tag, claims payload). v6 renders the content in
.react-tooltip-content-wrapper and draws the arrow as its own element
that inherits the background, so the wrapper's child selectors point
there and the ::after arrow colours for accounts-badge are gone.

The accounts-badge block in the global styles was never closed (as
upstream); it is closed now with the same nesting, so its link colours
still apply only inside badge tooltips.

Checked in a headless browser on Zagros, the "available on all
networks" account badge: with v4 the tooltip was one 1525px line
starting off-screen at x=-260; with v6 it is 300px wide (the max-width
already in the styles), wrapped, on screen, arrow on the badge, and in
the light accounts-badge style the styles define.
This commit is contained in:
Satoshi Qazi Muhammed authored and SatoshiQaziMuhammed committed 2026-10-10 06:02:46 +04:00
1 parent 8c9ee48278
commit 09fbca8121
8 files changed
+58 -48

No files matched your search

+1 -1
View File
@@ -43,7 +43,7 @@
"react-markdown": "^9.0.1",
"react-router": "^7.18.0",
"react-router-dom": "^7.18.0",
"react-tooltip": "^4.5.1",
"react-tooltip": "^6.0.8",
"rehype-raw": "^7.0.0",
"semantic-ui-css": "^2.5.0",
"semantic-ui-react": "^0.88.2",