Skip to content

[Studio UI] General styling review — improvements and fixes - #3860

Closed
idaiv wants to merge 11 commits into
2026.xfrom
general-styling-review
Closed

[Studio UI] General styling review — improvements and fixes#3860
idaiv wants to merge 11 commits into
2026.xfrom
general-styling-review

Conversation

@idaiv

@idaiv idaiv commented Jul 8, 2026

Copy link
Copy Markdown
Contributor

This PR has been split into focused PRs

This PR contained too many topics for effective review. It has been split into the following individual PRs:

PR Topic
#3882 Search modal layout, saved searches, type dropdown translations
#3883 Responsive split button and grid config sidebar cleanup
#3884 Full-height tabs fix and compact tab spacing
#3885 Component styling — accordion, tree, tags, grid, sidebar
#3886 User management layout simplification
#3887 Default light theme token updates

Please review the individual PRs above. This PR can be closed.

idaiv and others added 9 commits July 8, 2026 09:27
…earches, user management

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… via position absolute

Use `position: relative` on .ant-tabs-tabpane and `position: absolute; inset: 0`
on its direct child to give ContentLayout a pixel-definite height, allowing the
CSS Grid `1fr` row to allocate space correctly so NoContent is vertically centered
and the toolbar stays pinned to the bottom.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… Search modal title

- Wrap ContentLayout in position:absolute inset:0 div so it gets a definite
  height from the tabpane's bounding box, making the CSS Grid 1fr row work
  and NoContent vertically centered with toolbar pinned to bottom
- Add 'Quick Search' title to the search modal

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…to 4px

The blanket position:absolute on tabpane > * broke General/Asset/Document/Object
tabs by giving ContentLayout a fixed height while their pagination toolbar was
inside the scrollable content area. The saved-searches wrapper already has inline
position:absolute so the fix there is independent. Also reduce modal header-to-body
gap from marginSM (~12px) to 4px as requested.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…Padding tabs

- Extend tabs--no-padding to also zero the inter-tab margin-left so tabs sit
  flush with only their 4px item padding providing separation
- Apply noPadding to the search modal Tabs so the quick search tab bar has no
  outer nav-list padding and no gap between tabs

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… height

Wrap SplitLayout in a flex:1 div and move the Toolbar below it as a flex:0
sibling so pagination is always visible regardless of available height.
Also change inner Content height from fixed 400px to 100% so the results
list fills its allocated flex space.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…grid config cleanup

- Add responsive collapse for Simple/Advanced buttons in grid config toolbar:
  two buttons by default, collapsing to a split button when space is tight
- Add missing translations for type dropdown items (newsletter, object, variant)
  across all 7 locales to fix raw lowercase keys showing in the search modal
- Remove close icon from Cancel button in Save Configuration template view

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The react-hooks/exhaustive-deps rule is not configured in this repo's
ESLint setup, so referencing it in an inline disable comment fails the
frontend build lint step.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@idaiv idaiv mentioned this pull request Jul 8, 2026
10 tasks
@idaiv idaiv mentioned this pull request Jul 8, 2026
2 tasks
@sonarqubecloud

sonarqubecloud Bot commented Jul 8, 2026

Copy link
Copy Markdown

@idaiv
idaiv requested a review from ValeriaMaltseva July 9, 2026 08:56
@idaiv idaiv closed this Jul 13, 2026
@github-actions github-actions Bot locked and limited conversation to collaborators Jul 13, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant