git_admin/CoRE.Vision
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

live: group paging next to play/stop; add grid-split menu before fullscreen

Browse Source 
The grid control footer is regrouped: ⏮ play/stop ⏭ now sit together in the
centre (left section empty). On the right, before fullscreen, a new ▦ split
button opens an upward popup menu with the layouts 4/9/16/25/36/49/64 that
calls setDim; the menu respects maxDim (16+ mode), highlights the active
layout, and closes on outside click.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
core
2026-06-01 21:49:56 +05:00
parent c6cdcf55b2
commit 5b8f11dbb6
4 changed files with 52 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+15 -4
View File
@@ -29,14 +29,25 @@
<main id="live-main">
<div class="grid g4" id="grid"></div>
<footer class="grid-bar" id="grid-bar">
<div class="gb-left">
<button class="gb-btn" id="gb-prev" title="Предыдущая страница" aria-label="Предыдущая страница">⏮</button>
</div>
<div class="gb-left"></div>
<div class="gb-center">
<button class="gb-btn" id="gb-prev" title="Предыдущая страница" aria-label="Предыдущая страница">⏮</button>
<button class="gb-btn gb-play" id="gb-play" title="Просмотр / стоп" aria-label="Просмотр / стоп">⏸</button>
<button class="gb-btn" id="gb-next" title="Следующая страница" aria-label="Следующая страница">⏭</button>
</div>
<div class="gb-right">
<button class="gb-btn" id="gb-next" title="Следующая страница" aria-label="Следующая страница">⏭</button>
<div class="gb-split">
<button class="gb-btn" id="gb-split" title="Раскладка сетки" aria-label="Раскладка сетки">▦</button>
<div class="gb-split-menu" id="gb-split-menu">
<button data-grid="2">4</button>
<button data-grid="3">9</button>
<button data-grid="4">16</button>
<button data-grid="5">25</button>
<button data-grid="6">36</button>
<button data-grid="7">49</button>
<button data-grid="8">64</button>
</div>
</div>
<button class="gb-btn" id="gb-fs" title="Полный экран" aria-label="Полный экран">⛶</button>
</div>
</footer>