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

ActivityList.css — react Source File

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

File css BabelCompiler 1 dependents

Entity Profile

Dependency Diagram

graph LR
  a6974d4b_00f2_ea7b_57f6_7cba24980c09["ActivityList.css"]
  e1645ed6_a62a_153d_27fd_691e1a53cb4f["ActivityList.js"]
  e1645ed6_a62a_153d_27fd_691e1a53cb4f --> a6974d4b_00f2_ea7b_57f6_7cba24980c09
  style a6974d4b_00f2_ea7b_57f6_7cba24980c09 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.ActivityListContaier {
  display: flex;
  flex-direction: column;
}

.ActivityListHeader {
  /* even if empty, provides layout alignment with the main view */
  display: flex;
  flex: 0 0 42px;
  border-bottom: 1px solid var(--color-border);
}

.ActivityListList {
  cursor: default;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ActivityListList[data-pending-activity-slice-selection="true"] {
  cursor: wait;
}

.ActivityListList:focus {
  outline: none;
}

.ActivityListItem {
  color: var(--color-component-name);
  line-height: var(--line-height-data);
  padding: 0 0.25rem;
  user-select: none;
}

.ActivityListItem:hover {
  background-color: var(--color-background-hover);
}

.ActivityListItem[aria-selected="true"] {
  background-color: var(--color-background-inactive);
}

.ActivityListList:focus .ActivityListItem[aria-selected="true"] {
  background-color: var(--color-background-selected);
  color: var(--color-text-selected);

  /* Invert colors */
  --color-component-name: var(--color-component-name-inverted);
  --color-text: var(--color-text-selected);
  --color-component-badge-background: var(
    --color-component-badge-background-inverted
  );
  --color-forget-badge-background: var(--color-forget-badge-background-inverted);
  --color-component-badge-count: var(--color-component-badge-count-inverted);
  --color-attribute-name: var(--color-attribute-name-inverted);
  --color-attribute-value: var(--color-attribute-value-inverted);
  --color-expand-collapse-toggle: var(--color-component-name-inverted);
}

Domain

Imported By

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free