Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: mobile overflow for tall fixed modals

This commit is contained in:
Kris 2019-06-24 12:23:51 -04:00
parent b4df8c5466
commit 9e54e0141e
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/desktop/login.scss
View File

@ -169,7 +169,7 @@
margin-bottom: 5px; margin-bottom: 5px;
max-height: 475px; max-height: 475px;
@media screen and (max-height: 768px) { @media screen and (max-height: 768px) {
max-height: 60vh; max-height: calc(60vh - 100px);
} }
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;

13
app/assets/stylesheets/mobile/modal.scss
View File

@ -5,7 +5,6 @@
} }
.modal-middle-container { .modal-middle-container {
margin-top: 10%;
max-width: 100%; max-width: 100%;
margin-bottom: 30px; // For iOS Safari issues margin-bottom: 30px; // For iOS Safari issues
} }
@ -99,3 +98,15 @@
.modal-inner-container { .modal-inner-container {
margin-bottom: 20px; margin-bottom: 20px;
} }
/* fix for tall modals */
.fixed-modal {
.modal-middle-container {
margin-bottom: 0;
}
.modal-inner-container {
max-height: 90vh;
overflow: auto;
}
}