maxjhandsome
/
react
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
react/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.css

47 lines
858 B
CSS
Raw Normal View History

Added snapshot selector placeholder UI
2019-03-11 10:16:34 +08:00
.Button {
Refactored Profiler tree to better work with suspense
2019-03-16 01:26:21 +08:00
flex: 0 0 auto;
Added snapshot selector placeholder UI
2019-03-11 10:16:34 +08:00
margin-left: 0.25rem;
}
.Commits {
Finished iterating on commit selector UI for now
2019-03-16 02:51:35 +08:00
height: 100%;
Refactored Profiler tree to better work with suspense
2019-03-16 01:26:21 +08:00
min-width: 30px;
Added snapshot selector placeholder UI
2019-03-11 10:16:34 +08:00
margin-left: 0.25rem;
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.
2021-03-09 00:09:55 +08:00
overflow: visible;
Added snapshot selector placeholder UI
2019-03-11 10:16:34 +08:00
}
Added arrow key navigation for commits and interactions
2019-03-25 09:53:59 +08:00
.Commits:focus {
outline: none;
Improved keyboard navigation for tabs, interactions, and fiber-commits
2019-04-08 00:00:52 +08:00
background-color: var(--color-button-background-focus);
Added arrow key navigation for commits and interactions
2019-03-25 09:53:59 +08:00
}
Added initial Suspense cache and loaded commit metadata
2019-03-13 06:50:29 +08:00
Refactored Profiler tree to better work with suspense
2019-03-16 01:26:21 +08:00
.IndexLabel {
flex: 0 0 auto;
Profiler CSS/layout tweaks
2019-03-14 07:25:29 +08:00
white-space: nowrap;
Plugged react-window into commit selector
2019-03-14 05:57:52 +08:00
font-family: var(--font-family-monospace);
Implemented ranked chart
2019-03-17 05:06:41 +08:00
margin-left: 0.25rem;
Plugged react-window into commit selector
2019-03-14 05:57:52 +08:00
}
Naive pass at commit durationfiltering
2019-03-14 08:00:44 +08:00
.NoCommits {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-dim);
}
Devtools Profiler: allow user to enter commit number (#19957) Co-authored-by: Brian Vaughn <bvaughn@fb.com>
2021-07-15 08:37:02 +08:00
.Input {
background: none;
font-size: var(--font-size-sans-normal);
text-align: right;
font-family: var(--font-family-monospace);
border: 1px solid transparent;
border-radius: 0.125rem;
padding: 0.125rem;
color: var(--color-attribute-editable-value);
}
.Input:focus {
background-color: var(--color-button-background-focus);
outline: none;
}