twenty/packages
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
..
twenty-chrome-extension Settings Option Card component (#8456) 2024-11-18 09:22:33 +00:00
twenty-docker Change default behavior of ENABLE DB MIGRATION (#9077) 2024-12-16 17:31:45 +01:00
twenty-e2e-testing Basic test verifying if demo account is working properly (#8442) 2024-12-17 13:56:00 +01:00
twenty-emails Add Twenty Shared & Fix profile image rendering (#8841) 2024-12-17 09:24:21 +01:00
twenty-front 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
twenty-server Add Multiselect for forms (#9092) 2024-12-17 14:41:55 +01:00
twenty-shared Add Twenty Shared & Fix profile image rendering (#8841) 2024-12-17 09:24:21 +01:00
twenty-tinybird refactor webhookAnalytics call and enrich analytics module (#8253) 2024-11-08 10:00:51 +01:00
twenty-ui Add Multiselect for forms (#9092) 2024-12-17 14:41:55 +01:00
twenty-utils Fix docs build in CI (#5826) 2024-06-11 19:06:37 +02:00
twenty-website Change default behavior of ENABLE DB MIGRATION (#9077) 2024-12-16 17:31:45 +01:00
twenty-zapier Default address country 🗺️ & Phone prefix ☎️ (#8614) 2024-12-02 12:34:05 +00:00