Files
react/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css
T
Sebastian Silbermann 09a2c363a5 Expose DEV-mode warnings in devtools UI (#20463)
Co-authored-by: Brian Vaughn <bvaughn@fb.com>
2020-12-22 11:09:29 -05:00

62 lines
891 B
CSS

.InspectedElementTree {
padding: 0.25rem;
border-top: 1px solid var(--color-border);
}
.InspectedElementTree:first-of-type {
border-top: none;
}
.HeaderRow {
display: flex;
align-items: center;
}
.Header {
display: flex;
align-items: center;
flex: 1 1;
font-family: var(--font-family-sans);
}
.Item {
display: flex;
}
.Name {
color: var(--color-attribute-name);
flex: 0 0 auto;
}
.Name:after {
content: ': ';
color: var(--color-text);
margin-right: 0.5rem;
}
.Value {
color: var(--color-attribute-value);
overflow: hidden;
text-overflow: ellipsis;
}
.None {
color: var(--color-dimmer);
font-style: italic;
}
.Empty {
color: var(--color-dimmer);
font-style: italic;
padding-left: 0.75rem;
}
.ToggleSuspenseRow {
padding-left: 1rem;
white-space: nowrap;
display: flex;
align-items: center;
}
.EditableValue {
min-width: 1rem;
}