Move controls into responsive sidebar drawer

This commit is contained in:
2026-08-05 13:59:12 +02:00
parent 639d9bec75
commit 1963773299
8 changed files with 113 additions and 15 deletions
+13 -1
View File
@@ -10,7 +10,19 @@
</head>
<body>
<main class="catalog-screen">
<aside class="control-panel">
<button class="sidebar-open-button" id="sidebarOpenButton" type="button" aria-controls="sidebarDrawer" aria-expanded="false" aria-label="Open sidebar" title="Open sidebar">
<svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#menu"></use></svg>
</button>
<button class="sidebar-overlay" id="sidebarOverlay" type="button" aria-label="Close sidebar"></button>
<aside class="control-panel sidebar-drawer" id="sidebarDrawer" aria-label="Catalog controls">
<div class="sidebar-drawer-header">
<span class="sidebar-drawer-title">Catalog controls</span>
<button class="sidebar-close-button" id="sidebarCloseButton" type="button" aria-label="Close sidebar" title="Close sidebar">
<svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#close"></use></svg>
</button>
</div>
<div class="record-id" id="recordId">&nbsp;</div>
<div class="arrow-row">