studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛(modal) make modal scrollable when height exceeds the viewport height

Browse Source 
Currently, if the content of a modal exceeds the viewport height, it is
not scrollable.
This commit is contained in:
jbpenrath
2024-05-23 18:03:04 +02:00
committed by Jean-Baptiste PENRATH
parent 0e98dfa1b7
commit 6bae4ad89a
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/poor-hats-hammer.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@openfun/cunningham-react": patch
---
Fix modal scroller height issue that prevent modal to be scrollable with high content

4
packages/react/src/components/Modal/index.scss
View File

@@ -12,10 +12,12 @@
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
max-width: calc(100% - 2em - 6px); max-width: calc(100% - 2em - 6px);
max-height: calc(100% - 2em - 6px);
display: flex;
flex-direction: column;
&__scroller { &__scroller {
padding: 1.5rem; padding: 1.5rem;
max-height: calc(100% - 2em - 6px);
overflow: auto; overflow: auto;
} }