Add the supporting-pane canonical layout

Plan step 35: <x-supporting-pane>, following the reference's placement
table - below the focus pane below expanded, beside it from 840px at a
fixed 360px (412px from large) or the two-thirds split. Below expanded
compact="sheet" docks the supporting pane as a bottom sheet whose drag
handle opens it; always on the trailing side, so focus order matches the
panes on screen, and mirrored in RTL.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

This commit is contained in:

Andreas Reinhold / reini

2026-09-14 14:51:22 +02:00

co-authored by

Claude Opus 5

parent b5c5be1fd7

commit 9eb06323aa

7 changed files with 386 additions and 0 deletions

									
										resources/css/layout.css
									
		+1
		
												View File
												
				@@ -12,3 +12,4 @@

				@import './layout/surface.css';

				@import './layout/pane.css';

				@import './layout/list-detail.css';

				@import './layout/supporting-pane.css';