admin/twenty

Files

History

nitin fb6f2610c5 fix(admin-panel): prevent layout shift when toggling feature flags (#12686 )

Closes #12571
~~## What’s broken?~~
~~Toggling a feature flag in the admin panel re-renders the entire table
and uses a Framer Motion slide animation for the knob. Each animation
frame forces a layout recalculation all the way up, causing the page to
“jump.”~~

~~## What’s the fix?~~
~~Swap out the Framer Motion toggle for a pure-CSS version:~~
~~- Container is position: relative~~
~~- Knob is position: absolute and moves via left~~
~~- A transition: left 0.3s ease + will-change: left hint runs on the
compositor layer~~

~~This keeps the smooth slide effect but never triggers parent layout
reflows.~~

~~No changes to the public <Toggle> API or behavior.~~

~~TODO: test all toggles in app and stories if any~~

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

2025-06-18 11:56:19 +02:00

..

Refactor default value for select (#5343 )

2024-05-10 10:26:46 +02:00

[REFACTOR] Twenty UI multi barrel (#11301 )

2025-04-03 09:47:55 +00:00

[REFACTOR] Twenty UI multi barrel (#11301 )

2025-04-03 09:47:55 +00:00

fix(admin-panel): prevent layout shift when toggling feature flags (#12686 )

2025-06-18 11:56:19 +02:00

.eslintrc.cjs

[FIX] Out of memory while running app localy (#11341 )

2025-04-02 18:35:00 +02:00

jest.config.ts

Upgrade to Node22 (#12488 )

2025-06-06 18:35:30 +02:00

package.json

Remove versions from package.json (#11658 )

2025-04-19 23:03:06 +02:00

project.json

[REFACTOR] Twenty UI multi barrel (#11301 )

2025-04-03 09:47:55 +00:00

README.md

fix: attempt to fix Dockerfile front build (#5020 )

2024-04-18 11:24:39 +02:00

setupTests.ts

chore: include react components in twenty-ui test config (#4709 )

2024-04-04 12:30:49 +02:00

tsconfig.dev.json

[REFACTOR] Twenty UI multi barrel (#11301 )

2025-04-03 09:47:55 +00:00

tsconfig.json

[REFACTOR] Twenty UI multi barrel (#11301 )

2025-04-03 09:47:55 +00:00

tsconfig.lib.json

[REFACTOR] Twenty UI multi barrel (#11301 )

2025-04-03 09:47:55 +00:00

tsconfig.spec.json

[REFACTOR] Twenty UI multi barrel (#11301 )

2025-04-03 09:47:55 +00:00

tsconfig.storybook.json

chore: add incremental typecheck to twenty-ui (#4947 )

2024-04-15 12:15:29 +02:00

vite.config.ts

Improve lazy loading (#12186 )

2025-05-22 15:07:01 +02:00

README.md

Twenty UI

This library was generated with Nx.

Building

Run npx nx build twenty-ui to build the library.

Storybook Server

Run npx nx start twenty-ui to start the storybook development server on localhost:6006.

Running unit tests

Run npx nx test twenty-ui to execute the unit tests via Jest.