dillon1000/react

Commit

Improve DevTools Profiler commit-selector UX (#20943)

* Improve DevTools Profiler commit-selector UX

1. Use natural log of durations (rather than linear) when calculating bar height. This reduces the impact of one (or few) outlier times on more common smaller durations. (Continue to use linear for bar color though.)
2. Decrease the minimum bar height to make the differences in height more noticeable.
3. Add a background hover highlight to increase contrast.
4. Add hover tooltip with commit duration and timestamp.
Browse files
Changed paths5 files
First-parent comparison
M packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitList.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.css ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.css ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.css Modified
Patch

Files changed

Rendering syntax-highlighted changes…