[allozaur]

Overview

On desktop the collapsed sidebar now shows only its logo. Hovering the logo (or tabbing into the sidebar) fades in the fully open sidebar, floating over the page at its full width without resizing anything, and it fades back to the logo once the pointer leaves.

The expanded sidebar drops the collapse button from its top-right corner; instead the logo swaps to the collapse icon on hover and toggles the sidebar on click.

Opening or closing with the toggle (logo click or Cmd/Ctrl+B) still resizes the sidebar and slides the page. After a toggle close the sidebar stays hidden under the pointer until it leaves the logo, and pinning it open from a hover peek only slides the page, since the sidebar is already at full width. With "always show sidebar on desktop" enabled the logo keeps linking to the start page, and mobile is unchanged. The icon-only strip, no longer reachable, is removed from the sidebar actions.

Demo

Recorded at 8138777; click the preview for the full video.

Additional information

Demo script

test('demo', async ({ demo, page }) => {
	const input = page.getByRole('textbox', { name: 'Type a message...' });
	const expand = page.getByLabel('Expand navigation');

	await demo.caption('The collapsed sidebar shows only its logo', 1400);
	await demo.hover(expand, 300);
	await demo.caption('Hovering the logo reveals the sidebar over the page', 1800);
	await demo.hover(page.getByRole('button', { name: /^Search/ }), 600);
	await demo.hover(input, 1200);

	await demo.hover(expand, 300);
	await demo.click(expand, 300);
	await demo.caption('Clicking the logo pins it open', 1600);

	await demo.hover(page.getByLabel('Collapse navigation'), 300);
	await demo.caption('Once open, the logo turns into the collapse toggle', 1600);
	await demo.click(page.getByLabel('Collapse navigation'), 300);
	await demo.hover(input, 1000);

	await demo.press('ControlOrMeta+b', 300);
	await demo.caption('Cmd/Ctrl+B still slides it in and out', 1600);
	await demo.press('ControlOrMeta+b', 1500);
});

Requirements

• I have read and agree with the contributing guidelines
• AI usage disclosure: YES, Claude (Opus 5.5 Medium)

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has insufficient remaining quota.

An organization owner can choose the repository organization as the billing source for reviews requested by members with a paid Copilot license. Learn about Copilot code review billing.