twenty/packages/twenty-front
khuddite 4aabe9e224
Fix pricing modal being cut off and unscrollabel on low resolution screens or when zoomed in (#8848)
Fixes: #7999

1. Summary
I am not 100% sure why it's happening, but it seems `justify-content:
center` conflicts with `overflow-y: auto` and that's why the modal
content becomes unscrollable and cut off.

2. Solution
To preserve the styling that centers the content inside the modal even
when the content height is less than the modal, I moved
`justify-content: center` from the content to the modal container. When
the content overflows the modal, it seems `justify-content: center` does
nothing, though.

3. Screen Recording


https://github.com/user-attachments/assets/17d8ddbd-7fe8-46ce-b8d0-82d817ee7025

---------

Co-authored-by: Félix Malfait <felix@twenty.com>
2024-12-17 14:51:27 +01:00
..
__mocks__ Fix overlay scroll gaps (#4512) 2024-03-31 10:53:37 +02:00
.storybook feat: view groups (#7176) 2024-10-24 15:38:52 +02:00
public Swap dark placeholders (#8956) 2024-12-09 14:21:10 +01:00
scripts feat: add SENTRY_RELEASE env (#4912) 2024-04-11 16:53:15 +02:00
src Fix pricing modal being cut off and unscrollabel on low resolution screens or when zoomed in (#8848) 2024-12-17 14:51:27 +01:00
.env.example review(front): refacto url-manager (#8861) 2024-12-05 11:47:51 +01:00
.eslintrc-ci.cjs chore: enable no-console eslint rule for tests and stories (#4816) 2024-04-04 18:36:39 +02:00
.eslintrc.cjs 6071 return only updated fields of records in zapier update trigger (#8193) 2024-11-04 17:44:36 +01:00
.gitignore folderStructure.json refactor (#8088) 2024-10-28 12:06:58 +01:00
.prettierignore Update twenty-front commands (#4667) 2024-04-17 18:06:02 +02:00
.swcrc Migrate to a monorepo structure (#2909) 2023-12-10 18:10:54 +01:00
codegen-metadata.cjs Serverless function UI (#6388) 2024-07-29 13:03:09 +02:00
codegen.cjs Serverless function UI (#6388) 2024-07-29 13:03:09 +02:00
folderStructure.json folderStructure.json refactor (#8088) 2024-10-28 12:06:58 +01:00
index.html Add Twenty Shared & Fix profile image rendering (#8841) 2024-12-17 09:24:21 +01:00
jest.config.ts Feat: Advanced filter (#7700) 2024-10-24 16:59:59 +02:00
nyc.config.cjs Fix front tests (#8207) 2024-10-30 15:50:56 +01:00
package.json feat: record group insert at bottom when created (#9053) 2024-12-16 14:57:16 +01:00
project.json 8726 workflow add a test button in workflow code step (#9016) 2024-12-13 10:16:29 +00:00
README.md Migrate to a monorepo structure (#2909) 2023-12-10 18:10:54 +01:00
setupTests.ts Create new steps in workflow editor (#6764) 2024-08-30 15:51:36 +02:00
tsconfig.build.json added typechecking for all ts files (#6466) 2024-08-20 11:05:13 +02:00
tsconfig.dev.json added typechecking for all ts files (#6466) 2024-08-20 11:05:13 +02:00
tsconfig.json Add Twenty Shared & Fix profile image rendering (#8841) 2024-12-17 09:24:21 +01:00
tsconfig.spec.json fix: fix root start script (#5032) 2024-04-19 18:28:02 +02:00
tsconfig.storybook.json fix: fix root start script (#5032) 2024-04-19 18:28:02 +02:00
tsup.config.ts Fix frontend tests (#6585) 2024-08-09 08:38:01 +02:00
tsup.ui.index.tsx Migrate to twenty-ui - navigation/menu-item (#8213) 2024-11-07 16:51:39 +00:00
vite.config.ts Fix login issue (#9012) 2024-12-11 15:42:53 +01:00

Run yarn dev while server running on port 3000