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

Improved visual style of Profiling-disabled button

Browse Source
This commit is contained in:
Brian Vaughn
2019-05-23 08:52:27 -07:00
parent 541dd6c4b6
commit 74d8207e06
2 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/devtools/views/Profiler/RecordToggle.css
+13
View File
@@ -23,3 +23,16 @@
.InactiveRecordToggle:active {
color: var(--color-record-hover);
}
.DisabledRecordToggle {
color: var(--color-button-disabled);
}
.DisabledRecordToggle:hover {
color: var(--color-button-disabled);
}
.DisabledRecordToggle:focus {
color: var(--color-button-disabled);
}
.DisabledRecordToggle:active {
color: var(--color-button-disabled);
}
src/devtools/views/Profiler/RecordToggle.js
+8 -3
View File
@@ -16,11 +16,16 @@ export default function RecordToggle({ disabled }: Props) {
ProfilerContext
);
let className = styles.InactiveRecordToggle;
if (disabled) {
className = styles.DisabledRecordToggle;
} else if (isProfiling) {
className = styles.ActiveRecordToggle;
}
return (
<Button
className={
isProfiling ? styles.ActiveRecordToggle : styles.InactiveRecordToggle
}
className={className}
disabled={disabled}
onClick={isProfiling ? stopProfiling : startProfiling}
title={isProfiling ? 'Stop profiling' : 'Start profiling'}