Skip to content

Add flat PageRoot layout and rebuild the Games page on new design-system components#23700

Merged
r1chm8 merged 1 commit into
masterfrom
laz-game-toolbar
Jul 16, 2026
Merged

Add flat PageRoot layout and rebuild the Games page on new design-system components#23700
r1chm8 merged 1 commit into
masterfrom
laz-game-toolbar

Conversation

@r1chm8

@r1chm8 r1chm8 commented Jul 15, 2026

Copy link
Copy Markdown
Contributor

Summary

Rebuilds the Games page on the new design system and adds the shared layout/components it depends on.

Layout

  • New flat PageRoot (fixed header + scrollable body, scrollable opt-out, page-* id) behind a newLayout opt-in; Games and Design System pages adopt it.

Shared components

  • Add Popover / PopoverButton / PopoverPanel and DropdownButton wrappers.
  • Make Listing's skeleton tile optional.

Games page

  • Rebuild GamePicker as a function component: live search filter, Listing-driven empty states, and paginated unmanaged games (resets to page 1 on search/sort/hidden change).
  • Split rendering into colocated components — Search, DisplayOptions, CollapsibleSection, NoGamesFound, GamesGrid, GamesList.
  • Centralise the tile grid in ui/elements/grid.css;
  • Style tiles via new GameThumbnail className / imageClassName props (full-width, rounded). to avoid breaking other usages (Ideally this component will be re-written but ran out of time.
  • Remove the now-unused ShowHiddenButton and NoGameDashlet.

…tem components

Introduces a flat PageRoot (fixed/scroll split, scrollable opt-out, page-* id)
and opts the Games and Design System pages into the newLayout path. Adds the
Popover/PopoverButton/PopoverPanel and DropdownButton wrappers, makes Listing's
SkeletonTile optional, and rebuilds GamePicker as a function component: colocated
Search, DisplayOptions, CollapsibleSection and NoGamesFound components, a live
filter, Listing-driven empty states, and paginated unmanaged games (resetting to
page one on search/sort/hidden changes).

Extracts the managed/unmanaged rendering into GamesGrid and GamesList components,
centralises the tile grid in a new ui/elements/grid.css, and styles tiles through
GameThumbnail className/imageClassName props (full-width, rounded md). Also refines
the Search field (inline magnify icon, no submit button), the Games header
pictogram transitions, DisplayOptions and the
CollapsibleSection keyboard focus ring, and drops the now-unused ShowHiddenButton
and NoGameDashlet.
@r1chm8
r1chm8 requested a review from a team as a code owner July 15, 2026 10:56
@r1chm8
r1chm8 merged commit 4ab2e5c into master Jul 16, 2026
8 checks passed
@r1chm8
r1chm8 deleted the laz-game-toolbar branch July 16, 2026 14:33
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