diff --git a/packages/app/src/index.css b/packages/app/src/index.css index e0dcbd6d2420..611c82d46785 100644 --- a/packages/app/src/index.css +++ b/packages/app/src/index.css @@ -65,14 +65,14 @@ } /* Keep the 1000px conversation intact, with 320px for the summary and its gutters. - Move only as far as needed; wider panels already have enough space in the margin. */ - @container session-chat (min-width: 1320px) { + When they overlap, center the conversation in the space that remains beside the summary. */ + @container session-chat (min-width: 1320px) and (width < 1640px) { [data-slot="session-chat-panel"][data-summary-open="true"] :is([data-timeline-virtual-content], [data-component="session-composer-dock"] > div) { - --session-summary-translate: min(0px, calc(50cqi - 820px)); + --session-summary-translate: -160px; &:dir(rtl) { - --session-summary-translate: max(0px, calc(820px - 50cqi)); + --session-summary-translate: 160px; } } } diff --git a/packages/app/src/shell/titlebar/tab-nav.css b/packages/app/src/shell/titlebar/tab-nav.css index c88d28547205..caf2f04284ad 100644 --- a/packages/app/src/shell/titlebar/tab-nav.css +++ b/packages/app/src/shell/titlebar/tab-nav.css @@ -9,7 +9,8 @@ justify-content: center; } -[data-titlebar-tab] { +[data-titlebar-tab], +[data-titlebar-tab-action] { --tab-base: var(--v2-background-bg-deep); --tab-overlay: transparent; background: linear-gradient(var(--tab-overlay), var(--tab-overlay)), var(--tab-base); @@ -68,6 +69,14 @@ --tab-overlay: var(--v2-overlay-simple-overlay-pressed); } +[data-titlebar-tab-action]:is(:hover, :focus-visible) { + --tab-overlay: var(--v2-overlay-simple-overlay-hover); +} + +[data-titlebar-tab-action]:is(:active, [data-state="pressed"]) { + --tab-overlay: var(--v2-overlay-simple-overlay-pressed); +} + [data-titlebar-tab]:is(:hover, [data-state="pressed"]) [data-slot="tab-close"] { background: linear-gradient(var(--tab-overlay), var(--tab-overlay)), var(--tab-base); } diff --git a/packages/app/src/shell/titlebar/titlebar.tsx b/packages/app/src/shell/titlebar/titlebar.tsx index 362cc9aaa79f..b068bbfd4a51 100644 --- a/packages/app/src/shell/titlebar/titlebar.tsx +++ b/packages/app/src/shell/titlebar/titlebar.tsx @@ -351,9 +351,10 @@ export function Titlebar(props: { >