mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 01:26:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #132 from picocss/fix-modal

Browse source 
Fix: modal overflow
This commit is contained in:
Lucas Larroche 2022-01-16 12:46:58 +07:00 • committed by GitHub
commit 91e427caec
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 24 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
css/pico.classless.css
View file

@ -1892,6 +1892,10 @@ dialog {
border: none; border: none;
background-color: var(--modal-overlay-background-color); background-color: var(--modal-overlay-background-color);
} }
dialog article {
max-height: calc(100vh - var(--spacing) * 2);
overflow: auto;
}
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
max-width: 510px; max-width: 510px;

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

4
css/pico.css
View file

@ -2070,6 +2070,10 @@ dialog {
border: none; border: none;
background-color: var(--modal-overlay-background-color); background-color: var(--modal-overlay-background-color);
} }
dialog article {
max-height: calc(100vh - var(--spacing) * 2);
overflow: auto;
}
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
max-width: 510px; max-width: 510px;

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

4
css/pico.fluid.classless.css
View file

@ -1862,6 +1862,10 @@ dialog {
border: none; border: none;
background-color: var(--modal-overlay-background-color); background-color: var(--modal-overlay-background-color);
} }
dialog article {
max-height: calc(100vh - var(--spacing) * 2);
overflow: auto;
}
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
max-width: 510px; max-width: 510px;

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css.map
View file

File diff suppressed because one or more lines are too long

3
scss/components/_modal.scss
View file

@ -26,6 +26,9 @@ dialog {
// Content // Content
article { article {
max-height: calc(100vh - var(--spacing) * 2);
overflow: auto;
@if map-get($breakpoints, 'sm') { @if map-get($breakpoints, 'sm') {
@media (min-width: map-get($breakpoints, 'sm')) { @media (min-width: map-get($breakpoints, 'sm')) {
max-width: map-get($viewports, 'sm'); max-width: map-get($viewports, 'sm');