Skip to content

[Web terminal] Visual separation with Page header #8713

@RichKummer

Description

@RichKummer

When the Web terminal is open next to a Page header component, the two visually blend together with no separation. We should consider a border or other visual update to better separate the Web terminal from other contexts.

Current blending issue:
Image

Potential solution: using $border-subtle-01
Image

Discovered by @jlongshore

Tasks:

  • Explore an update to Web terminal styles that better separates from other components with similar backgrounds
  • Ensure that this works across Web terminal variants and themes. Should this be optional? On all the time?
  • Create a follow-on issue for dev to update the Web terminal pattern
  • Create a follow-on issue for updating the Figma kit component
  • Check the website images. Create any follow-on issues for the website update (image, text)

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Backlog 🌋

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions