Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-31 13:09:21 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Reduce/simplify CSS footprint

Browse source
This commit is contained in:
the-djmaze 2023-02-24 11:45:26 +01:00
parent b03d35bc7a
commit 91b4ff16bd
28 changed files with 102 additions and 134 deletions
Download patch file Download diff file Expand all files Collapse all files

60
dev/Styles/User/MessageList.less
View file

@ -1,6 +1,8 @@
#V-MailMessageList {
position: relative;
height: 100%;
width: 100%;
}
#V-MailMessageList.focused .messageList {
@ -357,27 +359,15 @@
}
}
html:not(.rl-bottom-preview-pane):not(.rl-side-preview-pane) {
.message-selected #V-MailMessageList {
display: none;
}
#V-MailMessageList {
height: 100%;
width: 100%;
}
html:not(.sm-msgView-bottom):not(.sm-msgView-side) .message-selected #V-MailMessageList {
display: none;
}
@media screen and (max-width: @maxMobileWidth) {
#V-MailMessageList .btn-toolbar:not(.hasChecked) .onCheckedShow {
#V-MailMessageList .btn-toolbar:not(.hasChecked) .onCheckedShow,
#V-MailMessageList .hasChecked .onCheckedHide {
display: none;
}
#V-MailMessageList .hasChecked {
.buttonCompose,
.onCheckedHide,
.sortFolder {
display: none;
}
}
}
@media screen and (min-width: @maxMobileWidth + 1px) {
@ -396,23 +386,29 @@ html:not(.rl-bottom-preview-pane):not(.rl-side-preview-pane) {
}
}
.rl-side-preview-pane #V-MailMessageList {
height: 100%;
}
.rl-side-preview-pane #V-MailMessageList .messageList {
max-width: 50vw;
min-width: 320px;
overflow: auto;
resize: horizontal;
width: 35vw;
.sm-msgView-side #V-MailMessageList {
width: unset;
.messageList {
max-width: 50vw;
min-width: 320px;
overflow: auto;
resize: horizontal;
width: 35vw;
}
}
.rl-bottom-preview-pane #V-MailMessageList .messageList {
height: 35vh;
max-height: 50vh;
min-height: 200px;
overflow: auto;
resize: vertical;
.sm-msgView-bottom #V-MailMessageList {
height: unset;
width: unset;
.messageList {
height: 35vh;
max-height: 50vh;
min-height: 200px;
overflow: auto;
resize: vertical;
}
}
}
@ -437,7 +433,7 @@ html:not(.rl-bottom-preview-pane):not(.rl-side-preview-pane) {
top: 0;
}
.rl-side-preview-pane, .rl-mobile {
.sm-msgView-side, .rl-mobile {
.messageListItem > div + div {
flex-wrap: wrap;