react Architecture Docs
Home / File/ InspectedElementErrorsAndWarningsTree.css — react Source File

InspectedElementErrorsAndWarningsTree.css — react Source File

Architecture documentation for InspectedElementErrorsAndWarningsTree.css, a css file in the react codebase. 0 imports, 1 dependents.

File css BabelCompiler 1 dependents

Entity Profile

Dependency Diagram

graph LR
  fdd9d671_beed_dd85_7158_2facd1484a95["InspectedElementErrorsAndWarningsTree.css"]
  e489f60d_6c21_9c69_16d7_a97323c0790f["InspectedElementErrorsAndWarningsTree.js"]
  e489f60d_6c21_9c69_16d7_a97323c0790f --> fdd9d671_beed_dd85_7158_2facd1484a95
  style fdd9d671_beed_dd85_7158_2facd1484a95 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.ErrorTree, .WarningTree {
  padding: 0.25rem 0 0 0;
}

.HeaderRow {
  padding: 0 0.25rem;
}

.HeaderRow {
  padding: 0 0.25rem;
}

.Error, .Warning {
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
}

.Error {
  border-top: 1px solid var(--color-console-error-border);
  background-color: var(--color-console-error-background);
  color: var(--color-error-text);
  padding: 0 0.5rem;
}

.Warning {
  border-top: 1px solid var(--color-console-warning-border);
  background-color: var(--color-console-warning-background);
  color: var(--color-warning-text);
  padding: 0 0.5rem;
}

.Message {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ErrorBadge,
.WarningBadge {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  flex: 0 0 0.75rem;
  line-height: 0.75rem;
  text-align: center;
  border-radius: 0.25rem;
  margin-right: 0.25rem;
  font-size: var(--font-size-monospace-small);
}

.ErrorBadge {
  background-color: var(--color-console-error-icon);
  color: var(--color-console-error-badge-text);
}

.WarningBadge {
  background-color: var(--color-console-warning-icon);
  color: var(--color-console-warning-badge-text);
}

Domain

Imported By

Source

Frequently Asked Questions

What does InspectedElementErrorsAndWarningsTree.css do?
InspectedElementErrorsAndWarningsTree.css is a source file in the react codebase, written in css. It belongs to the BabelCompiler domain.
What files import InspectedElementErrorsAndWarningsTree.css?
InspectedElementErrorsAndWarningsTree.css is imported by 1 file(s): InspectedElementErrorsAndWarningsTree.js.
Where is InspectedElementErrorsAndWarningsTree.css in the architecture?
InspectedElementErrorsAndWarningsTree.css is located at packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorsAndWarningsTree.css (domain: BabelCompiler, directory: packages/react-devtools-shared/src/devtools/views/Components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free