griffel icon indicating copy to clipboard operation
griffel copied to clipboard

feat(devtools): add tooltip to show className

Open YuanboXue-Amber opened this issue 3 years ago • 3 comments
trafficstars

Hover on each rule show a tooltip with className. Tooltip is positioned using floating-ui.

Screenshot 2022-05-04 at 13 01 35 Screenshot 2022-05-04 at 12 24 01

YuanboXue-Amber avatar May 04 '22 11:05 YuanboXue-Amber

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
core
makeStyles + mergeClasses (build time)
1.8 kB
861 B
core
makeStyles + mergeClasses (runtime)
20.269 kB
7.549 kB
react
makeStaticStyles (runtime)
8.247 kB
3.595 kB
react
makeStyles + mergeClasses (runtime)
21.294 kB
7.98 kB
react
makeStyles + mergeClasses (build time)
2.811 kB
1.275 kB
🤖 This report was generated against 007d25262e5f0f9924db915cb531a7071f05bb87

github-actions[bot] avatar May 04 '22 11:05 github-actions[bot]

I'm not sure if it is clear enough that the tooltip shows className. Wondering if people would be confused when seeing them for the first time 🤔

YuanboXue-Amber avatar May 04 '22 11:05 YuanboXue-Amber

I'm not sure if it is clear enough that the tooltip shows className. Wondering if people would be confused when seeing them for the first time 🤔

We will see 🤔

layershifter avatar Jun 02 '22 13:06 layershifter

Closing for housekeeping, we can reopen if it's still valuable.

layershifter avatar Nov 30 '22 09:11 layershifter