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;
max-height: 475px;
@media screen and (max-height: 768px) {
max-height: 60vh;
max-height: calc(60vh - 100px);
}
overflow-x: hidden;
overflow-y: auto;

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

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