IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: fallback max-height for modal style (#29321)

Browse Source
This commit is contained in:
Kris 2024-10-21 21:09:29 -04:00 committed by GitHub
parent f9d86686ae
commit fa42565515
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/modal.scss
View File

@ -26,9 +26,9 @@
pointer-events: auto; pointer-events: auto;
box-sizing: border-box; box-sizing: border-box;
margin: 0 auto; margin: 0 auto;
max-height: 80vh;
background-color: var(--secondary); background-color: var(--secondary);
box-shadow: var(--shadow-modal); box-shadow: var(--shadow-modal);
max-height: var(--modal-max-height, 80vh); // unset, optional theme utility
} }
&__header { &__header {

4
app/assets/stylesheets/desktop/modal.scss
View File

@ -5,9 +5,7 @@
&__container { &__container {
max-width: var(--modal-max-width); max-width: var(--modal-max-width);
min-width: var(--modal-min-width); min-width: var(--modal-min-width);
// height values add optional theme utility min-height: var(--modal-min-height); // unset, optional theme utility
max-height: var(--modal-max-height);
min-height: var(--modal-min-height);
.d-modal.-large & { .d-modal.-large & {
max-width: 800px; max-width: 800px;
} }