Cleanup and improve HTML/CSS and it's JavaScript handling

This commit is contained in:
djmaze 2021-11-06 12:27:37 +01:00
parent 6273869b32
commit 2e34f98c80
26 changed files with 516 additions and 598 deletions

View file

@ -1,5 +1,13 @@
.g-ui-min-height-300 {
min-height: 300px;
html.rl-no-preview-pane {
#rl-right:not(.message-selected) .RL-MailMessageView {
display: none;
}
}
.RL-MailMessageView.focused .messageView {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border-color: darken(@rlMainDarkColor, 5%);
}
.messageView {
@ -204,7 +212,7 @@
text-align: center;
font-size: 24px;
color: grey;
padding-top: 50px;
padding: 50px 0;
}
.showImages, .readReceipt, .pgpSigned, .pgpEncrypted {
@ -446,11 +454,6 @@
}
}
&.focused {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border-color: darken(@rlMainDarkColor, 5%);
}
.thread-controls {
.dropdown-toggle {
padding-left: 10px;
@ -463,13 +466,8 @@
}
}
html.rl-mobile .messageView,
html.rl-no-preview-pane .messageView {
&:not(.message-selected) {
display: none;
}
.toolbar {
padding-left: 1px;
}
@ -490,7 +488,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) .messageView {
}
}
html.rl-bottom-preview-pane:not(.rl-mobile) .messageView {
html.rl-bottom-preview-pane .messageView {
.b-content {
bottom: @rlBottomMargin;
}