Fix: dialog max-height

This commit is contained in:
Lucas Larroche 2022-01-16 12:43:16 +07:00
parent 6837e3071c
commit 18224bdc07
13 changed files with 24 additions and 9 deletions

View file

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

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

File diff suppressed because one or more lines are too long

View file

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

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