Improvements for #686

This commit is contained in:
the-djmaze 2023-01-05 16:27:13 +01:00
parent 9a5ad04a6e
commit 1311fd343b
6 changed files with 11 additions and 14 deletions

View file

@ -53,11 +53,11 @@ html, body {
-webkit-touch-callout: none; -webkit-touch-callout: none;
font-size: var(--main-font-size, 14px); font-size: var(--main-font-size, 14px);
line-height: 1.25; /* 1 */ line-height: 1.25; /* 1 */
position: fixed; position: relative;
top: 0; }
left: 0; body#rl-app {
bottom: 0; height: 100vh;
right: 0; width: 100vw;
} }
#rl-loading, #rl-loading-error { #rl-loading, #rl-loading-error {

View file

@ -76,7 +76,7 @@ dialog:not(.animate) {
*/ */
.rl-mobile dialog { .rl-mobile dialog {
margin: 0 auto; margin: 0 auto;
max-height: calc(100vh - 100px); max-height: calc(100vh - 86px);
width: 100%; width: 100%;
} }

View file

@ -9,7 +9,7 @@
#V-PopupsCompose { #V-PopupsCompose {
height: calc(100vh - 52px); height: calc(100vh - 52px);
max-width: 1000px; max-width: 1000px;
width: 98%; width: 99%;
.modal-body { .modal-body {
padding: 0; padding: 0;

View file

@ -9,7 +9,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 10px;
left: 0; left: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -96,10 +96,8 @@ html:not(.rl-left-panel-disabled) #rl-left > .resizer,
} }
#V-MailMessageList { #V-MailMessageList {
position: absolute; position: relative;
top: 0; height: 100%;
bottom: @rlBottomMargin;
left: 0;
width: 50%; width: 50%;
} }

View file

@ -22,7 +22,7 @@ html.rl-no-preview-pane {
} }
.messageList { .messageList {
height: calc(100% - 50px); height: calc(100% - 60px);
background-color: #fff; background-color: #fff;
border: 1px solid var(--border-color, #aaa); border: 1px solid var(--border-color, #aaa);
border-radius: var(--border-radius, 5px); border-radius: var(--border-radius, 5px);

View file

@ -5,7 +5,6 @@ This stylesheet is used when SnappyMail runs in embed mode.
max-height: 100%; max-height: 100%;
} }
#content #rl-app { #content #rl-app {
position: relative;
min-width: 100%; min-width: 100%;
min-height: 100%; min-height: 100%;
} }