Fix: event parameters label truncation in action configuration panel - #17416
Conversation
❌ Deploy Preview for storybook-tooljet failed.
|
There was a problem hiding this comment.
Pull request overview
This PR updates the “Run JS parameters” action configuration UI to prevent long parameter names from being truncated by switching from a side-by-side grid layout to a stacked (label-above-input) layout aligned with the updated Figma design.
Changes:
- Replaced the
row/col-*layout with a vertical flex layout for parameters. - Applied Figma-aligned spacing (12px between fields, 2px between label and input) and typography (12px / 18px).
- Standardized label styling using Tailwind token classes.
🚀 EE LTS Review App Deployed!
Deployed using DockerHub-based pipeline - LTS Edition |
🔄 EE LTS Review App RebuildingNew commit Using cached layers for faster build |
Security Audit ReportNode module vulnerabilities summary (total across frontend, server, marketplace, plugins, root): Critical packages:
|
c3914c3
into
chore/release-3.20.216-lts
📝 What this does
Fixes parameter labels (e.g. "targetBrand", "TargetYmlB") being truncated/hidden behind text inputs in the event action configuration panel by switching to a stacked layout matching the updated Figma design.
Closes
5091
🔀 Changes
col-3/col-9grid to stacked layout (label on top, full-width input below)tw-text-text-defaultfor label color consistency🧪 How to test