Make all dialogs fit in mobile view #686

This commit is contained in:
the-djmaze 2022-12-07 16:25:37 +01:00
parent 39bc370dff
commit b679cb41d9
2 changed files with 10 additions and 9 deletions

View file

@ -70,6 +70,16 @@ dialog:not(.animate) {
top: -25%;
}
/**
* https://github.com/the-djmaze/snappymail/issues/686
@media screen and (max-width: 999px) {
*/
.rl-mobile dialog {
margin: 0 auto;
max-height: calc(100vh - 100px);
width: 100%;
}
dialog > header {
padding: 9px 15px;
border-bottom: 1px solid var(--border-color, #ddd);

View file

@ -146,15 +146,6 @@
}
}
@media screen and (max-width: 999px) {
#V-PopupsCompose {
border: 0;
height: calc(100vh - 100px);
margin: 0 auto;
width: 100%;
}
}
.minimize-custom {
border: 0 solid #333;
border-bottom-width: 3px;