feat(web): compact library chrome, centered dialogs, and phone PWA layout by pavelpikta · Pull Request #862 · YouROK/TorrServer

pavelpikta · 2026-09-05T21:54:32Z

Summary

Reworks the web library chrome so the poster grid is the main surface, dialogs sit in the center of the viewport, and the phone/PWA shell no longer clips header actions, the More tab, or a third poster column.

Library search, Select/Cancel, smart collections, and Continue Watching move into the green header (LibraryHeaderSlot). Branding text is gone; version stays on tablet/desktop only.
Import / Export / All playlists live in the sidebar Library block, the phone More sheet, Settings → Storage, and the command palette.
Windowed AppDialogs use placement="center" plus CSS so HeroUI does not park them at the bottom. Phone stays fullscreen; More stays a bottom sheet.
Select / Cancel are icon-only (CheckSquare / XSquare).
Phone overflow: shell columns use minmax(0, 1fr), filter/All no longer inflate min-content, collections are icon-only, BottomNav keeps all four tabs in view.

Why

The previous header + sticky toolbar packed too many controls onto phone and Telegram Mini App. Centering dialogs then made the CSS grid track grow with header min-content (1fr = minmax(auto, 1fr)), so overflow-hidden clipped the right edge: Sort/⋯, More, and a fake third poster column.

Test plan

Phone (~390 / PWA): no version in header; Filter, Select, collections icon, Sort, appearance ⋯ all visible; 2 poster columns; BottomNav Add / Search / Category / More fully on screen; More sheet opens Settings.
Tablet (~768): sidebar, no BottomNav, version visible, collections still labeled, Settings is a centered card.
Desktop (~1440): Theme / Palette / Language in the header; Settings is a centered card, not fullscreen.
Select then Cancel: icon-only, no text labels.
Import / Export / All playlists from sidebar, More sheet, and Settings → Storage.
Continue chip on a poster with resume data; Continue menu in the header when entries exist.
yarn test:e2e in web/ (viewport overflow, dialog centering).
Optional: yarn screenshots:viewports → web/tmp/viewports/.

Signed-off-by: Pavel Pikta <pavel_pikta@epam.com>

Co-Authored-By: Pavel Pikta <devops@pavelpikta.com>

# Conflicts: # build-all.sh

# Conflicts: # .github/workflows/ts_release.yml

- Introduced a new build configuration for GStreamer (torrserver-gst) in .goreleaser.yaml and .goreleaser.local.yaml. - Updated Makefile to include new targets for building GStreamer binaries across multiple platforms. - Enhanced the flattening process to accommodate GStreamer artifacts. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>

- Implemented a new CI step to verify that the Linux binary is statically linked without dynamic library dependencies. - Updated build command in torrserver.nix to ensure CGO is disabled for static builds. - Modified build constraints in GStreamer-related Go files to include 'gst' build tag for better control over GStreamer functionality. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>

…tches - Deleted the 00-responsive-reader.patch and 01-no-udp-panic.patch files as they are no longer needed. - These patches contained commented-out code that has been deemed unnecessary for the current codebase. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>

- Introduced .env.example for environment variable configuration. - Added docker-compose.build.yml for local image build overrides. - Created docker-compose.dlna.yml for DLNA/UPnP support with host networking. - Updated docker-compose.yml for main service configuration and health checks. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>

# Conflicts: # .github/workflows/ts_release.yml # README.md # build-all.sh

# Conflicts: # build-all.sh # server/version/version.go

Updated the URL construction in ffp.go, preload.go, and ffprobe.go to consistently use HTTP without SSL checks Signed-off-by: Pavel Pikta <devops@pavelpikta.com>