mirror of
https://github.com/ZoneMinder/zoneminder.git
synced 2026-10-02 15:35:09 -04:00
These three blocks stacked under the event video and each took a full line. Wrap them in a new #eventControls flex row: monitor name left, transport buttons centred, replay status right, wrapping onto separate lines when the viewport is too narrow. The span#rate was never closed, so #progress, #currentTime, #zoom and #fps were nested inside it. Close it, otherwise the whole status line lays out as a single flex item. The three children are flex containers themselves so their contents centre vertically while the boxes stay stretched to the row height. scaleToFit() measures the bottom edge of #replayStatus to decide how tall the video can be, and stretching keeps that edge at the bottom of the row, so auto scaling is unchanged. The new rules are scoped under #eventControls, which outranks the duplicated single-id rules in the classic and dark event.css. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Modern ZoneMinder Skin
This web frontend to ZoneMinder is a complete rewrite of the classic frontend, based on CakePHP.