mirror of
https://github.com/Unleash/unleash.git
synced 2025-06-27 01:19:00 +02:00
0e1ab236c9
Changes how constraint values are treated and wrapped. Previously, they would have their own column and fill it up:  Then we changed it to always being on the next line below certain widths:  But that would also cause it to break even if there was no need for it. This iteration instead uses display `contents` on the value lists to let them be handled by the flex flow of the containing element. This allows them to only wrap when necessary. <img width="995" alt="image" src="https://github.com/user-attachments/assets/d61f6f49-b1ef-49ec-91a4-df868cedc678" /> Of course, if they don't need to wrap, they don't: <img width="1030" alt="image" src="https://github.com/user-attachments/assets/84c27997-7cb2-4e1b-8977-d43a46f7de6e" /> This loom video shows how it folds in the most complex scenario, with all elements being visible and within bounds down to about 300px: https://www.loom.com/share/4f29cdb105d54edeb70edd54dfaca9f9 |
||
|---|---|---|
| .. | ||
| __mocks__ | ||
| assets | ||
| component | ||
| constants | ||
| contexts | ||
| hooks | ||
| interfaces | ||
| openapi | ||
| themes | ||
| types | ||
| utils | ||
| index.tsx | ||
| setupTests.ts | ||
| vite-env.d.ts | ||