Skip to content

[Studio UI] Remove extra padding from Saved Searches modal grid - #4069

Open
idaiv wants to merge 2 commits into
2026.xfrom
fix/saved-search-modal-grid-padding
Open

[Studio UI] Remove extra padding from Saved Searches modal grid#4069
idaiv wants to merge 2 commits into
2026.xfrom
fix/saved-search-modal-grid-padding

Conversation

@idaiv

@idaiv idaiv commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

Solves: https://github.com/pimcore/product-management/issues/1459

Summary

The Saved Searches tab in the search modal had extra paddings making the grid misaligned with the other tabs (Documents, Assets, Data Objects).

  • Removed double margins on the grid (Content margin + inner Box margin)
  • Replaced the Box-wrapped SearchInput TopBar with a Toolbar (secondary theme, padding: { left: 'none', right: 'none' }), matching the other tabs
  • Removed unused Box import and useStyles

Relates to https://github.com/pimcore/product-management/issues/1459

Test plan

  • Open Quick Search modal → go to Saved Searches tab
  • Verify the grid aligns flush with the edges (no extra padding)
  • Compare with the Data Objects tab — grid alignment should match
  • Verify the search input in the TopBar has the same spacing as the other tabs

🤖 Generated with Claude Code

The Saved Searches tab in the search modal had double margins on the
grid (Content margin + Box margin) and a Box-wrapped TopBar with
custom padding, making it misaligned with the other tabs (Documents,
Assets, Data Objects).

- Removed Content margin={{ x: 'extra-small' }} and the inner Box
  wrapper around the Grid
- Replaced the Box-wrapped SearchInput TopBar with a Toolbar matching
  the other tabs (secondary theme, padding left/right none)
- Removed unused Box import and styles

Relates to pimcore/product-management#1459

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copilot AI balanced review requested due to automatic review settings September 2, 2026 11:58
@idaiv idaiv added this to the 2026.3.0 milestone Sep 2, 2026
@idaiv
idaiv requested a review from xIrusux September 2, 2026 11:58

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Approval recommended

The focused presentation change follows existing search-tab patterns without introducing functional or compatibility risk.

Pull request overview

Verdict: LGTM. This locally fixes the reported double margin at its owning component without API or shared-behavior changes.

Changes:

  • Replaces the padded Box top bar with the established Toolbar pattern.
  • Removes nested grid margins and unused imports/styles usage.
  • No regression test added; manual visual verification remains.
File summaries
File Description
saved-searches-tab.tsx Aligns the Saved Searches grid and search bar with sibling tabs.
Review details
  • Files reviewed: 1/1 changed files
  • Comments generated: 0
  • Review effort level: Balanced

💡 Configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@sonarqubecloud

sonarqubecloud Bot commented Sep 2, 2026

Copy link
Copy Markdown

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