Skip to content

feat: add configurable bottom panel for torrent details v2#1150

Open
marcinmajsc wants to merge 5 commits into
jesec:masterfrom
marcinmajsc:feat/torrent-details-bottom-panel
Open

feat: add configurable bottom panel for torrent details v2#1150
marcinmajsc wants to merge 5 commits into
jesec:masterfrom
marcinmajsc:feat/torrent-details-bottom-panel

Conversation

@marcinmajsc

@marcinmajsc marcinmajsc commented Jun 11, 2026

Copy link
Copy Markdown
Contributor

Description

This pull request is based on #1004 with changes:

  • Merge commits from master
  • Fixed dependency issues
  • Improved window display
  • Improved file list display
  • Deleted newly created settings group
  • Moved options to the current group

Screenshots

image image

Types of changes

  • Breaking change (changes that break backward compatibility of public API or CLI - semver MAJOR)
  • New feature (non-breaking change which adds functionality - semver MINOR)
  • Bug fix (non-breaking change which fixes an issue - semver PATCH)

mReXiTuS and others added 5 commits January 27, 2026 19:02
Add a persistent, resizable bottom panel to display torrent details as an
alternative to the modal popup. The panel can be enabled/disabled via user
settings and includes the following features:

Features:
- Persistent bottom panel showing torrent details (Details, Files, Peers, Trackers, MediaInfo tabs)
- Vertically resizable with height persistence (200px min, viewport-200px max)
- Configurable via Settings > User Interface > "Show details as bottom panel"
- Single-click shows panel on desktop (when enabled)
- ESC key closes panel
- Mobile devices continue using modal (responsive design)
- Panel background matches torrent list for visual consistency

Implementation:
- Add UIStore.detailsPanelHash and detailsPanelVisible state management
- Add FloodSettings.UITorrentDetailsPanel and detailsPanelHeight settings
- Create TorrentDetailsPanel and TorrentDetailsPanelResizeHandle components
- Update modal tab components to support dual-source (panel or modal)
- Add settings UI in UITab for panel configuration
- Update click handlers to respect panel setting
- Add CSS Grid layout for panel integration

Breaking Changes: None
- Default behavior shows panel (enabled by default)
- Users can disable to restore original modal-only behavior
- Mobile behavior unchanged (always uses modal)
…s-bottom-panel

Signed-off-by: Marcin Maj <marcinmajsc@gmail.com>
Use mobx-react-lite

Signed-off-by: Marcin Maj <marcinmajsc@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants