Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleaned up a no-selection state

Browse Source
This commit is contained in:
Brian Vaughn
2019-03-25 10:34:22 -07:00
parent 030914fdca
commit 3fa951d3c3
4 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/devtools/views/Profiler/Profiler.css
+1
View File
@@ -22,6 +22,7 @@
flex: 1 1 100px;
max-width: 300px;
border-left: 1px solid var(--color-border);
border-top: 1px solid var(--color-border);
}
.Content {
src/devtools/views/Profiler/SidebarCommitInfo.css
+9 -2
View File
@@ -4,13 +4,12 @@
flex: 0 0 auto;
display: flex;
align-items: center;
border-bottom: 1px solid var(--color-border);
border-top: 1px solid var(--color-border);
}
.Content {
padding: 0.5rem;
user-select: none;
border-top: 1px solid var(--color-border);
}
.List,
@@ -45,3 +44,11 @@
font-family: var(--font-family-monospace);
font-size: var(--font-size-monospace-normal);
}
.NothingSelected {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: var(--color-dim);
}
src/devtools/views/Profiler/SidebarCommitInfo.js
+1 -1
View File
@@ -21,7 +21,7 @@ export default function SidebarCommitInfo(_: Props) {
const { profilingCache } = useContext(StoreContext);
if (selectedCommitIndex === null) {
return null; // TODO (profiling) Use a better UI
return <div className={styles.NothingSelected}>Nothing selected</div>;
}
const { commitDurations, commitTimes } = profilingCache.ProfilingSummary.read(
src/devtools/views/Profiler/SidebarInteractions.css
+1 -3
View File
@@ -4,13 +4,12 @@
flex: 0 0 auto;
display: flex;
align-items: center;
border-bottom: 1px solid var(--color-border);
border-top: 1px solid var(--color-border);
}
.Content {
padding: 0.5rem;
user-select: none;
border-top: 1px solid var(--color-border);
}
.Name {
@@ -21,7 +20,6 @@
}
.NothingSelected {
border-top: 1px solid var(--color-border);
display: flex;
align-items: center;
justify-content: center;