Skip to content

ROU-12879: Gallery & MasterDetail, Align with Figma - #1180

Merged
joselrio merged 6 commits into
ROU-12714from
ROU-12879
Jul 20, 2026
Merged

ROU-12879: Gallery & MasterDetail, Align with Figma#1180
joselrio merged 6 commits into
ROU-12714from
ROU-12879

Conversation

@joselrio

Copy link
Copy Markdown
Contributor

This pull request reorganizes the location of the Gallery pattern to the "Adaptive" section, updates related imports, and refines both the Gallery's Storybook controls and several spacing/padding values in list item components for improved consistency and flexibility. It also removes an icon from the master-detail pattern and adjusts its padding.

Pattern Reorganization and Import Updates:

  • Moved the Gallery pattern from the "Content" section to the "Adaptive" section, updating all relevant references and imports in Gallery.js, ODC.OutSystemsUI.scss, and related files. [1] [2]

Storybook Controls and Demo Improvements:

  • Expanded the itemsGap options for the Gallery Storybook story, providing a wider range of gap choices and improved labels for better usability.
  • Updated the Gallery Storybook demo to use image cards instead of plain colored cards for a more realistic preview.

Styling and Spacing Adjustments:

  • Reduced padding values in .list-item-content for left, right, and RTL variants to use $token-scale-400 instead of $token-scale-600, ensuring more compact and consistent spacing. [1] [2] [3]
  • In the master-detail pattern, removed the chevron icon from .list-item-content::after and decreased the right panel's padding from $token-scale-1000 to $token-scale-600 for a cleaner and more compact layout. [1] [2]

@joselrio
joselrio requested a review from a team as a code owner July 20, 2026 11:53
@sonarqubecloud

Copy link
Copy Markdown

@joselrio joselrio added the chore label Jul 20, 2026
@joselrio
joselrio merged commit a3d23f3 into ROU-12714 Jul 20, 2026
11 of 12 checks passed
@joselrio
joselrio deleted the ROU-12879 branch July 20, 2026 15:03
@joselrio
joselrio restored the ROU-12879 branch July 21, 2026 19:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants