Skip to content

Consistent hover states and row background for Network, Console, DOM Events tabs and Breadcrumbs #38948

@jas-kas

Description

@jas-kas

Acceptance Criteria

  • Breadcrumb, console, DOM and network items consistently visualise when they've elapsed, current, or pending
  • Breadcrumb, console, DOM and network items consistently visualise onHover behaviour. However, breadcrumb items don't show a play icon next to their timestamp.
  • Breadcrumb, console and network items consistently visualise when its an error. However, breadcrumb errors only have a background colour onHover.
  • Console items have new styles to better differentiate the types of console logs.

Designs

https://www.figma.com/file/OPFnT04z0uy8BEUms9OU4f/Specs%3A-Details-v3?node-id=604%3A17755

Screenshots

Image
Image
Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions