Commit 827edf8
[Studio UI] Fix full-height tabs and compact tab spacing (#3884)
* Automatic frontend build
* Add concurrency group to prevent auto-commit push races
* Automatic frontend build
* Automatic frontend build
* Automatic frontend build
* 🔄 synced file(s) with pimcore/platform-version
* Automatic frontend build
* Automatic frontend build
* Automatic frontend build
* Automatic frontend build
* Automatic frontend build
* Polish UI of Grid Config (#3855)
* Rename "Grid config" to "Grid Config" in sidebar and modal
- Fix capitalization in EN translation key listing.grid-config.title
- Replace hardcoded string in grid-config-modal.tsx with translation key
* Auto-scroll to newly added column in grid config sidebar and modal
Replaces the sentinel div approach with a container ref + querySelectorAll
approach in both GridConfigList components:
- Skips scroll on initial mount to avoid triggering on template load
- Detects true user-initiated appends (length increase with order preserved)
- Uses uniqueId (data-object) or key (asset) for stable tracking
- Scrolls to the specific new item via .stack-list__item selector
- Uses block:'start' for advanced columns (shows form header at top)
- Uses block:'nearest' for simple columns (minimal scroll)
- Modal view covered automatically (shares GridConfigList)
* Fix scroll-to-new-column position and consistency
Replace scrollIntoView with explicit scroll parent detection + scrollTo:
- findScrollableParent walks the DOM to find the actual scrollable
container, avoiding issues where scrollIntoView latches onto the
wrong ancestor (e.g. dnd-kit wrappers or intermediate containers)
- Wrap in requestAnimationFrame to defer past any dnd-kit transform
animations that would cause incorrect position measurements
- Compute exact scrollTo delta using getBoundingClientRect for
precise control: item bottom + 8px buffer for simple columns,
item top - 8px from container top for advanced columns
* Polish UI of Grid Config
- Use colorBorderSecondary consistently on stack list items; fix double border on advanced column collapse items
- Remove collapse header/body separator border; align header and body paddings
- Advanced column form: remove title divider and wrapper padding, remove Form.Item margin-bottom, fix tabs equal-width layout (no nav padding, no sibling margin)
- Source/transformer cards: symmetric 8px left/right padding, 8px vertical outer padding, small trash button, 8px gap between form fields
- Relation field: switch to Pimcore Select component for consistent styling; capitalise "Relation" label
- Fields-to-add panel: reduce header/search gap to 4px, add 4px header left padding via createStyles, set collapse button to type=text with tooltip
- Add-column controls: increase button gap from 4px to 8px
- Grid config modal: add reload IconButton (matches app-wide refresh pattern), remove bottom toolbar y-padding, add right padding to column list, reduce split divider to 16px wide with 4px top/bottom inset
- Preview: rename "Select Item" to "Preview Item" with ID + truncated path breadcrumb and full-path tooltip; symmetric 12px padding; colorTextDescription for no-preview and error detail texts; move all token-based colors from inline styles to createStyles files
- Split layout divider: reduce min-width from 24px to 16px
* fix: add type guard for fullpath to resolve no-unsafe-argument ESLint error
* fix: cast item.data to typed record to resolve no-unsafe-argument ESLint error
* Apply eslint-fixer changes
* Automatic frontend build
---------
* Automatic frontend build
* Automatic frontend build
* Update maintenance branch in CONTRIBUTING.md to 2026.2 (#187)
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
* Automatic frontend build
* Rename new-docs.yml to docs.yml
* Remove new-docs.yml after rename to docs.yml
* Rename new-php-cs-fixer.yaml to php-cs-fixer.yaml
* Remove new-php-cs-fixer.yaml after rename to php-cs-fixer.yaml
* Rename new-poeditor-export.yaml to poeditor-export.yaml
* Remove new-poeditor-export.yaml after rename to poeditor-export.yaml
* Rename new-static-analysis.yaml to static-analysis.yaml
* Remove new-static-analysis.yaml after rename to static-analysis.yaml
* Automatic frontend build
* Make the workflow transition modal reusable outside the element editor (#3859)
* Automatic frontend build
* Automatic frontend build
* [Versions] [UI improvement] Remove unnecessary usage of open where paths are already available (#3864)
* [Versions] Remove redundant Open button for relations in versions view
In the read-only versions view, relation fields already display the
element's full path, making the "Open" button redundant. Hide it for all
relation types (many-to-one, many-to-many, advanced, reverse, and object
variants) by injecting a version-only `hideOpenButton` flag via each
type's `getVersionObjectDataComponent`. The normal editor is unchanged,
including read-only/inherited fields where opening the element is still
useful.
For the many-to-many grid, also drop the whole "Actions" column when it
would otherwise render empty (open hidden and removal disabled).
Closes #2787
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
* Automatic frontend build
---------
Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-authored-by: ValeriaMaltseva <11871778+ValeriaMaltseva@users.noreply.github.com>
* Automatic frontend build
* Remove committed frontend build artifacts from public/build/ (#3870)
* Automatic frontend build
* Trigger the frontend build on pushes to N.x version branches (#3873)
* Automatic frontend build
* Automatic frontend build
* Remove committed frontend build artifacts from public/build/ (#3881)
* [Studio UI] Fix full-height tabs and compact tab spacing
- Fix tab content areas not filling available height (add content-holder
flex, min-height, relative positioning, overflow hidden)
- Set consistent 12px gap between tabs in noPadding tab variant
- Reduce modal title gap from 8px to 4px
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
* Automatic frontend build
* [Studio UI] Replace pixel values with design tokens
- Modal title gap: 4px → token.marginXXS
- Tab no-padding margin: 12px → token.marginSM
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
* Automatic frontend build
---------
Co-authored-by: markus-moser <4639428+markus-moser@users.noreply.github.com>
Co-authored-by: berfinyuksel <99557970+berfinyuksel@users.noreply.github.com>
Co-authored-by: Christine Altmann <christine.altmann@pimcore.com>
Co-authored-by: xIrusux <42359615+xIrusux@users.noreply.github.com>
Co-authored-by: Valeriia Maltseva <valeriia.maltseva@pimcore.com>
Co-authored-by: ValeriaMaltseva <11871778+ValeriaMaltseva@users.noreply.github.com>
Co-authored-by: Pimcore Deployments Bot <pimcore-deployments@pimcore.com>
Co-authored-by: pimcore-deployments <71881008+pimcore-deployments@users.noreply.github.com>
Co-authored-by: Marvin Bertram <marvin.bertram@pimcore.com>
Co-authored-by: vin0401 <26813978+vin0401@users.noreply.github.com>
Co-authored-by: markus-moser <markus.moser@pimcore.com>
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
Co-authored-by: robertSt7 <104770750+robertSt7@users.noreply.github.com>1 parent fa32791 commit 827edf8
51 files changed
Lines changed: 688 additions & 190 deletions
File tree
- .github/workflows
- assets/js/src
- core
- components
- many-to-many-relation
- hooks
- modal
- pipeline
- item/dynamic-group
- split-layout/components/divider
- stack-list
- tabs
- modules
- asset/listing/decorator/column-configuration/view-layer/components/sidebar/tabs/grid-config
- data-object/listing/decorator/column-configuration/view-layer/components/grid/hooks/use-grid-options/tabs/grid-config
- forms/advanced-column-form
- preview
- element
- dynamic-types/definitions
- pipelines/grid/source-fields/components/relation-field
- listing/decorators/utils/column-configuration/view-layer/components
- add-column-controls
- fields-to-add-panel
- sdk/modules/element
- build-dist
- translations
Some content is hidden
Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
File renamed without changes.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
4 | 4 | | |
5 | 5 | | |
6 | 6 | | |
| 7 | + | |
7 | 8 | | |
8 | 9 | | |
9 | 10 | | |
| |||
File renamed without changes.
File renamed without changes.
File renamed without changes.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | | - | |
2 | | - | |
| 1 | + | |
| 2 | + | |
| 3 | + | |
| 4 | + | |
| 5 | + | |
| 6 | + | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
| 10 | + | |
3 | 11 | | |
4 | 12 | | |
5 | | - | |
| 13 | + | |
| 14 | + | |
6 | 15 | | |
7 | 16 | | |
8 | | - | |
9 | 17 | | |
10 | | - | |
| 18 | + | |
| 19 | + | |
| 20 | + | |
| 21 | + | |
| 22 | + | |
| 23 | + | |
| 24 | + | |
| 25 | + | |
| 26 | + | |
| 27 | + | |
| 28 | + | |
| 29 | + | |
| 30 | + | |
| 31 | + | |
| 32 | + | |
| 33 | + | |
| 34 | + | |
| 35 | + | |
| 36 | + | |
| 37 | + | |
| 38 | + | |
| 39 | + | |
| 40 | + | |
| 41 | + | |
| 42 | + | |
| 43 | + | |
| 44 | + | |
| 45 | + | |
| 46 | + | |
| 47 | + | |
| 48 | + | |
| 49 | + | |
| 50 | + | |
| 51 | + | |
| 52 | + | |
| 53 | + | |
| 54 | + | |
| 55 | + | |
| 56 | + | |
| 57 | + | |
| 58 | + | |
| 59 | + | |
| 60 | + | |
| 61 | + | |
| 62 | + | |
| 63 | + | |
| 64 | + | |
| 65 | + | |
| 66 | + | |
| 67 | + | |
| 68 | + | |
| 69 | + | |
| 70 | + | |
| 71 | + | |
| 72 | + | |
| 73 | + | |
| 74 | + | |
| 75 | + | |
| 76 | + | |
| 77 | + | |
| 78 | + | |
| 79 | + | |
| 80 | + | |
| 81 | + | |
| 82 | + | |
| 83 | + | |
| 84 | + | |
Lines changed: 1 addition & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
41 | 41 | | |
42 | 42 | | |
43 | 43 | | |
| 44 | + | |
44 | 45 | | |
45 | 46 | | |
46 | 47 | | |
| |||
Lines changed: 71 additions & 64 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
75 | 75 | | |
76 | 76 | | |
77 | 77 | | |
78 | | - | |
79 | | - | |
80 | | - | |
81 | | - | |
82 | | - | |
83 | | - | |
84 | | - | |
85 | | - | |
86 | | - | |
| 78 | + | |
| 79 | + | |
| 80 | + | |
| 81 | + | |
| 82 | + | |
| 83 | + | |
| 84 | + | |
| 85 | + | |
| 86 | + | |
| 87 | + | |
| 88 | + | |
| 89 | + | |
87 | 90 | | |
88 | 91 | | |
89 | 92 | | |
| |||
103 | 106 | | |
104 | 107 | | |
105 | 108 | | |
| 109 | + | |
106 | 110 | | |
107 | | - | |
108 | | - | |
109 | | - | |
110 | | - | |
111 | | - | |
112 | | - | |
113 | | - | |
114 | | - | |
115 | | - | |
116 | | - | |
117 | | - | |
118 | | - | |
119 | | - | |
120 | | - | |
121 | | - | |
122 | | - | |
123 | | - | |
124 | | - | |
125 | | - | |
126 | | - | |
127 | | - | |
128 | | - | |
129 | | - | |
130 | | - | |
131 | | - | |
132 | | - | |
133 | | - | |
134 | | - | |
135 | | - | |
136 | | - | |
137 | | - | |
138 | | - | |
139 | | - | |
140 | | - | |
141 | | - | |
142 | | - | |
143 | | - | |
144 | | - | |
145 | | - | |
146 | | - | |
147 | | - | |
148 | | - | |
149 | | - | |
150 | | - | |
151 | | - | |
152 | | - | |
153 | | - | |
154 | | - | |
155 | | - | |
156 | | - | |
157 | | - | |
158 | | - | |
| 111 | + | |
| 112 | + | |
| 113 | + | |
| 114 | + | |
| 115 | + | |
| 116 | + | |
| 117 | + | |
| 118 | + | |
| 119 | + | |
| 120 | + | |
| 121 | + | |
| 122 | + | |
| 123 | + | |
| 124 | + | |
| 125 | + | |
159 | 126 | | |
160 | | - | |
| 127 | + | |
161 | 128 | | |
162 | 129 | | |
163 | | - | |
164 | | - | |
| 130 | + | |
| 131 | + | |
| 132 | + | |
| 133 | + | |
| 134 | + | |
| 135 | + | |
| 136 | + | |
| 137 | + | |
| 138 | + | |
| 139 | + | |
| 140 | + | |
| 141 | + | |
| 142 | + | |
| 143 | + | |
| 144 | + | |
| 145 | + | |
| 146 | + | |
| 147 | + | |
| 148 | + | |
| 149 | + | |
| 150 | + | |
| 151 | + | |
| 152 | + | |
| 153 | + | |
| 154 | + | |
| 155 | + | |
| 156 | + | |
| 157 | + | |
| 158 | + | |
| 159 | + | |
| 160 | + | |
| 161 | + | |
| 162 | + | |
| 163 | + | |
| 164 | + | |
| 165 | + | |
| 166 | + | |
| 167 | + | |
| 168 | + | |
| 169 | + | |
| 170 | + | |
| 171 | + | |
165 | 172 | | |
166 | 173 | | |
167 | 174 | | |
| |||
Lines changed: 2 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
31 | 31 | | |
32 | 32 | | |
33 | 33 | | |
| 34 | + | |
34 | 35 | | |
35 | 36 | | |
36 | 37 | | |
| |||
114 | 115 | | |
115 | 116 | | |
116 | 117 | | |
| 118 | + | |
117 | 119 | | |
118 | 120 | | |
119 | 121 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
42 | 42 | | |
43 | 43 | | |
44 | 44 | | |
45 | | - | |
| 45 | + | |
46 | 46 | | |
47 | 47 | | |
48 | 48 | | |
| |||
0 commit comments