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

shared.css — react Source File

Architecture documentation for shared.css, a css file in the react codebase. 0 imports, 8 dependents.

File css BabelCompiler 8 dependents

Entity Profile

Dependency Diagram

graph LR
  0472dbde_b52b_1be3_6e72_8d4482dc85ee["shared.css"]
  10285ec0_0181_bae4_56b2_04d7b1305779["CaughtErrorView.js"]
  10285ec0_0181_bae4_56b2_04d7b1305779 --> 0472dbde_b52b_1be3_6e72_8d4482dc85ee
  864e88ce_9228_f8c8_00ad_8f01ef7f49f9["ErrorView.js"]
  864e88ce_9228_f8c8_00ad_8f01ef7f49f9 --> 0472dbde_b52b_1be3_6e72_8d4482dc85ee
  6d9cc84b_c590_db27_2176_a1e548ac9492["ReportNewIssue.js"]
  6d9cc84b_c590_db27_2176_a1e548ac9492 --> 0472dbde_b52b_1be3_6e72_8d4482dc85ee
  3d6199eb_afec_9e8e_1839_d76cc1b13871["SearchingGitHubIssues.js"]
  3d6199eb_afec_9e8e_1839_d76cc1b13871 --> 0472dbde_b52b_1be3_6e72_8d4482dc85ee
  69908f96_9f7f_457f_47c3_40f834af31dd["TimeoutView.js"]
  69908f96_9f7f_457f_47c3_40f834af31dd --> 0472dbde_b52b_1be3_6e72_8d4482dc85ee
  207cc4ae_0d1a_5993_ca8b_89b3990f02d3["UnsupportedBridgeOperationView.js"]
  207cc4ae_0d1a_5993_ca8b_89b3990f02d3 --> 0472dbde_b52b_1be3_6e72_8d4482dc85ee
  b1d9750c_fd20_7898_0223_46fdfc9cdaf4["UpdateExistingIssue.js"]
  b1d9750c_fd20_7898_0223_46fdfc9cdaf4 --> 0472dbde_b52b_1be3_6e72_8d4482dc85ee
  d0363070_5c09_fccb_e8b3_095c3b1f45f4["WorkplaceGroup.js"]
  d0363070_5c09_fccb_e8b3_095c3b1f45f4 --> 0472dbde_b52b_1be3_6e72_8d4482dc85ee
  style 0472dbde_b52b_1be3_6e72_8d4482dc85ee fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.GitHubLinkRow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: auto;
  padding: 0.25rem 0.5rem;
  background: var(--color-console-warning-background);
  color: var(--color-text);
  border-bottom: 1px solid var(--color-console-warning-border);
  border-top: 1px solid var(--color-console-warning-border);
}

.WorkplaceGroupRow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: auto;
  padding: 0.25rem 0.5rem;
  background: var(--color-background-hover);
  border-bottom: 1px solid var(--color-border);
}

.ErrorBoundary {
  height: 100%;
  width: 100%;
  background-color: var(--color-background);
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border);
}

.ErrorInfo {
  padding: 0.5rem;
  overflow: auto;
}

.HeaderRow {
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-sans-large);
  font-weight: bold;
}

.ErrorHeader,
.TimeoutHeader {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.ErrorHeader {
  color: var(--color-error-text);
}
.TimeoutHeader {
// ... (73 more lines)

Domain

Imported By

Source

Frequently Asked Questions

What does shared.css do?
shared.css is a source file in the react codebase, written in css. It belongs to the BabelCompiler domain.
What files import shared.css?
shared.css is imported by 8 file(s): CaughtErrorView.js, ErrorView.js, ReportNewIssue.js, SearchingGitHubIssues.js, TimeoutView.js, UnsupportedBridgeOperationView.js, UpdateExistingIssue.js, WorkplaceGroup.js.
Where is shared.css in the architecture?
shared.css is located at packages/react-devtools-shared/src/devtools/views/ErrorBoundary/shared.css (domain: BabelCompiler, directory: packages/react-devtools-shared/src/devtools/views/ErrorBoundary).

Analyze Your Own Codebase

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

Try Supermodel Free