Skip to content

Timer Layout Engine v2: boxes, zones, per-orientation layouts #19

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Isorgcom wants to merge 8 commits into
base: main
Choose a base branch
from
Draft

Timer Layout Engine v2: boxes, zones, per-orientation layouts #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
0433308
Timer v2 phase 1: single visibility owner + first-paint gate
Isorgcom Aug 5, 2026
19f0ca2
Timer v2 phase 2: fit-text, resize re-apply, legacy extent caps
Isorgcom Aug 5, 2026
e2715dc
Timer v2 phase 3: bounding boxes, overlap warnings, resize handles
Isorgcom Aug 5, 2026
2cbf264
Timer v2 phase 4: zones mode
Isorgcom Aug 5, 2026
9b5b2b9
Timer v2 phase 5: per-orientation layouts
Isorgcom Aug 5, 2026
1cddfcb
Zones rework: drag-to-zone, draggable boundaries, cleaner chrome
Isorgcom Aug 5, 2026
4c05321
Merge main (v0.2057 security pass) into the timer branch
Isorgcom Aug 6, 2026
0a7e55c
Merge main (v0.2058 Message-guests editor fix) into the timer branch
Isorgcom Aug 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 5 additions & 39 deletions www/_timer_theme.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ function timer_theme_defaults(): array {
'rebuys' => ['visible'=>true,'color'=>'#94a3b8','scale'=>1.0],
'chips_in_play' => ['visible'=>true,'color'=>'#94a3b8','scale'=>1.0],
'next_break' => ['visible'=>true,'color'=>'#94a3b8','scale'=>1.0],
'ends_at' => ['visible'=>true,'color'=>'#94a3b8','scale'=>1.0],
'streaming' => ['visible'=>false,'scale'=>1.0,'url'=>''],
],
'tray' => ['bg_color'=>'#1e293b','button_color'=>'#e2e8f0','accent_color'=>'#2563eb'],
Expand Down Expand Up @@ -116,6 +117,7 @@ function timer_theme_css_vars(array $props): string {
'--timer-rebuys-color' => $el['rebuys']['color'] ?? '#94a3b8',
'--timer-chips-color' => $el['chips_in_play']['color'] ?? '#94a3b8',
'--timer-nextbreak-color' => $el['next_break']['color'] ?? '#94a3b8',
'--timer-endsat-color' => $el['ends_at']['color'] ?? '#94a3b8',
'--timer-tray-button-bg' => $tray['bg_color'] ?? '#1e293b',
'--timer-tray-button-color' => $tray['button_color'] ?? '#e2e8f0',
'--timer-accent' => $tray['accent_color'] ?? '#2563eb',
Expand All @@ -140,45 +142,9 @@ function timer_theme_css_vars(array $props): string {
}
$css .= "}\n";

// Element visibility — emit `display:none` for hidden elements so first paint matches.
$visMap = [
'event_name' => '.timer-event-name',
'player_count' => '#playerWrap',
'pool_total' => '#poolWrap',
'level_label' => '.timer-level-label',
'blinds' => '.timer-blinds',
'clock' => '.timer-clock',
'paused_label' => '#pausedLabel',
'next_level' => '.timer-next',
'avg_stack' => '#avgStackWrap',
'payouts' => '#payoutsWrap',
'qr' => '#qrWrap',
'image' => '#themeImage',
'rebuys' => '#rebuysWrap',
'chips_in_play' => '#chipsInPlayWrap',
'next_break' => '#nextBreakWrap',
'streaming' => '#streamingWrap',
];
foreach ($visMap as $key => $sel) {
$visible = $el[$key]['visible'] ?? true;
if (!$visible) {
$css .= "{$sel} { display: none !important; }\n";
}
}

// Order — emit CSS `order` for the four main display elements.
$orderMap = [
'level_label' => '.timer-level-label',
'blinds' => '.timer-blinds',
'clock' => '.timer-clock',
'next_level' => '.timer-next',
];
foreach ($orderMap as $key => $sel) {
$ord = (int)($el[$key]['order'] ?? 0);
if ($ord > 0) {
$css .= "{$sel} { order: {$ord}; }\n";
}
}
// Visibility and flex-order are JS-owned (syncVisibility / applyTheme in
// timer.php). Emitting them here too is the parallel-path pattern that let
// ends_at drift; the theme-pending gate on <html> covers first paint instead.

return $css;
}
Loading