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/static/style.css
+16
View File
@@ -190,6 +190,22 @@ footer.grid-bar {
.grid-bar .gb-btn:hover:not(:disabled) { border-color: #c0392b; color: #fff; }
.grid-bar .gb-btn:disabled { opacity: .3; cursor: default; }
.grid-bar .gb-play { min-width: 42px; font-size: 15px; }
/* кнопка «Раскладка» (window split) + всплывающее меню (раскрывается вверх) */
.grid-bar .gb-split { position: relative; display: inline-flex; }
.grid-bar .gb-split-menu {
display: none; position: absolute; bottom: calc(100% + 6px); right: 0; z-index: 50;
flex-direction: column; gap: 2px; padding: 4px; min-width: 60px;
background: var(--panel); border: 1px solid var(--border); border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, .5);
}
.grid-bar .gb-split-menu.open { display: flex; }
.grid-bar .gb-split-menu button {
height: 24px; padding: 0 10px; border: 1px solid transparent; border-radius: 5px;
background: none; color: var(--text); cursor: pointer; font-size: 13px;
font-variant-numeric: tabular-nums; text-align: center;
}
.grid-bar .gb-split-menu button:hover { background: var(--panel-2); }
.grid-bar .gb-split-menu button.active { background: var(--accent); border-color: #c0392b; color: #fff; }
.tile {
position: relative; background: #05070a; border: 1px solid var(--border);
display: flex; align-items: center; justify-content: center; overflow: hidden;