Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-29 20:19:22 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make layout fully responsive using matchMedia('(max-width: 799px)')

Browse source
This commit is contained in:
the-djmaze 2023-02-23 13:54:32 +01:00
parent 1dbd9bda0c
commit e1833ae032
64 changed files with 239 additions and 434 deletions
Download patch file Download diff file Expand all files Collapse all files

38
dev/Styles/User/MessageView.less
View file

@ -30,25 +30,11 @@
}
}
html.rl-no-preview-pane {
#rl-right:not(.message-selected) #V-MailMessageView {
display: none;
}
}
#V-MailMessageView .top-toolbar {
color: #fff;
padding: 10px 0;
}
html.rl-no-preview-pane #V-MailMessageView .top-toolbar {
padding-left: 1px;
}
html:not(.rl-no-preview-pane) #V-MailMessageView .top-toolbar {
visibility: hidden;
}
html.rl-bottom-preview-pane #V-MailMessageView .top-toolbar {
display: none;
}
.messageView {
background-color: #fff;
@ -475,13 +461,27 @@ html.rl-bottom-preview-pane #V-MailMessageView .top-toolbar {
}
}
html.rl-no-preview-pane .messageView {
border: 1px solid var(--border-color, #aaa);
box-shadow: var(--smMainShadow);
html:not(.rl-bottom-preview-pane):not(.rl-side-preview-pane) {
#rl-right:not(.message-selected) #V-MailMessageView {
display: none;
}
#V-MailMessageView .top-toolbar {
padding-left: 1px;
visibility: visible;
}
.messageView {
border: 1px solid var(--border-color, #aaa);
box-shadow: var(--smMainShadow);
}
}
html.rl-bottom-preview-pane .messageView {
height: 100%;
html.rl-bottom-preview-pane {
#V-MailMessageView .top-toolbar {
display: none;
}
.messageView {
height: 100%;
}
}
html.rl-fullscreen {