diff --git a/packages/app/e2e/regression/session-summary.spec.ts b/packages/app/e2e/regression/session-summary.spec.ts index 46db7a42b3ee..d9e5587070c7 100644 --- a/packages/app/e2e/regression/session-summary.spec.ts +++ b/packages/app/e2e/regression/session-summary.spec.ts @@ -128,7 +128,6 @@ test("the project menu loads changes on demand and opens review", async ({ page "main", /1 Changed file.*\+7.*-3/, "", - "This computer", "C:/OpenCode/ProjectChanges", "", "Edit project", diff --git a/packages/app/src/session/session-identity-header.css b/packages/app/src/session/session-identity-header.css index 6ee17d8b1e3a..bad966fdb0f5 100644 --- a/packages/app/src/session/session-identity-header.css +++ b/packages/app/src/session/session-identity-header.css @@ -2,6 +2,29 @@ padding-inline-end: 30px; } +/* The location card takes the browser site popover's spacing. Its submenus render elsewhere and keep the menu's. */ +[data-component="menu-v2-content"][data-slot="session-location-card"] { + gap: 2px; + padding: 2px; + + [data-component="menu-v2-item"] { + padding-inline: 8px; + } + + /* A row whose submenu is open keeps the hover background while the pointer is in the submenu. */ + [data-component="menu-v2-item"][data-expanded] { + background: var(--menu-v2-hover); + } + + /* Spans the card edge to edge over its padding; a 1px line scaled to a hairline. */ + [data-slot="menu-v2-separator"] { + width: calc(100% + 4px); + margin: 0 -2px; + background: var(--v2-border-border-base); + transform: scaleY(0.5); + } +} + .session-header-layout { display: flex; align-items: center; diff --git a/packages/app/src/session/session-identity-header.tsx b/packages/app/src/session/session-identity-header.tsx index 5077b936be69..19b649b6379b 100644 --- a/packages/app/src/session/session-identity-header.tsx +++ b/packages/app/src/session/session-identity-header.tsx @@ -205,7 +205,8 @@ export function SessionLocation(props: { return ( <> -