mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Hristo Kanchev
709baf1fec
* Extracted sanitizeForParse * Added canAddEntries flag to InspectedElementTree * Added EditableKey component. * Added support to add an additional entry. * Added support to add more complex data structures in the EditableValue component. Added support to change the dataType of the value that is being changed. * Fixed flow error. * Removed unneeded fragment. * Renamed EditableKey -> EditableName * Removed unneeded dependency * Removed problematic props to state hook. * Prettified changes. * Removed unused import. * Fixed shouldStringify check. * Removed testing props from EditableProps. * Made some inline tweaks
47 lines
977 B
CSS
47 lines
977 B
CSS
.CheckboxLabel {
|
|
flex: 1 1 100%;
|
|
display: flex;
|
|
}
|
|
.CheckboxLabel:focus-within {
|
|
background-color: var(--color-button-background-focus);
|
|
}
|
|
|
|
.Checkbox:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.Input {
|
|
flex: 1 1;
|
|
background: none;
|
|
border: 1px solid transparent;
|
|
color: var(--color-attribute-editable-value);
|
|
border-radius: 0.125rem;
|
|
font-family: var(--font-family-monospace);
|
|
font-size: var(--font-size-monospace-normal);
|
|
}
|
|
|
|
.Invalid {
|
|
flex: 1 1;
|
|
background: none;
|
|
border: 1px solid transparent;
|
|
color: var(--color-attribute-editable-value);
|
|
border-radius: 0.125rem;
|
|
font-family: var(--font-family-monospace);
|
|
font-size: var(--font-size-monospace-normal);
|
|
background-color: var(--color-background-invalid);
|
|
color: var(--color-text-invalid);
|
|
|
|
--color-border: var(--color-text-invalid);
|
|
}
|
|
|
|
.Input:focus,
|
|
.Invalid:focus {
|
|
background-color: var(--color-button-background-focus);
|
|
outline: none;
|
|
}
|
|
|
|
.ResetButton {
|
|
flex: 0 0 auto;
|
|
padding: 0 0.5rem;
|
|
}
|