Skip to main content

Improve LaunchBox Window Scaling and Responsive Layout

šŸ“‹ Summary

Improve how the main LaunchBox window scales and adapts on smaller, lower-resolution, portrait, handheld, streamed, and unusual display configurations.


ā— Problem

The main LaunchBox window does not always scale or reflow properly when horizontal space is limited:

  • The internal layout appears constrained below roughly 1440px wide

  • On 1280x800, 1280x720, and some 1080p displays, content may not fit correctly

  • Users may need to drag the window wider than the screen to see all information

  • On vertical or portrait displays, top bar menu items can overlap each other

  • Windows DPI scaling overrides do not appear to resolve the issue

This creates friction for users on handhelds, streamed displays, virtual monitors, lower-resolution screens, and portrait setups.


šŸ’” Proposal

Update the main LaunchBox window to use a more responsive layout system:

  • Allow the main window content to adapt below 1440px width

  • Reduce fixed-width constraints where possible

  • Let sidebars, game details panels, and central content shrink or collapse intelligently

  • Prevent top bar items from overlapping on narrow or portrait displays

  • Add overflow behavior for top bar menus and actions when space is limited

  • Improve support for Windows DPI scaling and mixed display configurations

  • Ensure layouts behave consistently across landscape and portrait orientations


🧩 Use Cases

  • A user streams LaunchBox to a Steam Deck using Moonlight at 1280x800

  • A user runs LaunchBox on a 720p or compact 1080p display

  • A user places LaunchBox on a vertical secondary monitor

  • A handheld PC user launches and manages games without switching resolution

  • A living room setup uses a virtual or non-standard display size


šŸ“¦ Benefits

  • Improves usability on modern handheld and streaming setups

  • Better supports portrait and secondary monitor workflows

  • Reduces the need for manual resizing or DPI workarounds

  • Prevents menus and content from overlapping or being pushed off-screen

  • Makes LaunchBox feel more polished across a wider range of displays


āš ļø Considerations

  • Existing themes may rely on fixed layout assumptions

  • Top bar overflow behavior should preserve access to all menu items

  • Sidebar and game details resizing should avoid hiding important content unexpectedly

  • Changes should be tested across common resolutions, DPI settings, and aspect ratios


āœ… Outcome

Improved LaunchBox window scaling would make the main interface more reliable, flexible, and comfortable to use across small screens, portrait displays, handheld devices, streamed sessions, and non-standard monitor setups.

Status: Open To Community1 comment

Log in to comment and vote

Comments1

  • MattDrankAllYourTea

    •

    Jun 24

    This is a great pitch. I use a Retroid Pocket Classic Handheld and in the home screen or the ā€œPlatform Categoriesā€ tab, I have manually selected these 3 banners to show: Consoles, Handhelds, and All Games.

    These small slices hide so much of the awesome artwork, increase the visual tension between the banner labels and the edges of the banners, and with the empty grey space on the far right, it looks like something failed to load or the design didnt account for this type of use case.

    These banners attracted me to Launchbox and really heightens a nostalgic tone when I use my handheld. Holding this GameBoy like device, seeing the banners, and playing childhood favorites is something to see, admire, share, and to lure in people into using Launchbox. It doesnt necessarily add new features but presents some UI polish. As a SaaS product designer myself, that visual UI polish is just as important as the UX.