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

chore: Add tablet layout (wip)

Browse source
This commit is contained in:
Rene Hampölz 2023-06-17 19:38:19 +00:00
parent 72ba59e95b
commit 534a87b254
1 changed files with 60 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

60
snappymail/v/0.0.0/themes/NextcloudV25+/styles.css
View file

@ -2431,3 +2431,63 @@ html.rl-mobile #rl-app #V-AdminPane>.b-toolbar {
} }
/* #endregion */ /* #endregion */
/*
* TODO: Tablet Layout
*/
/* #region (todo) tablet layout */
@media screen and (min-width: 800px) and (max-width: 1024px) {
html.sm-msgView-side #rl-app #rl-right {
flex-direction: column;
}
html.sm-msgView-side #rl-app #V-MailMessageList {
height: unset;
width: unset;
}
html.sm-msgView-side #rl-app #V-MailMessageList .resizer {
/* ? vertical resize not working in side view */
display: none;
}
html.sm-msgView-side #rl-app #V-MailMessageList .messageList {
height: 35vh;
max-height: 50vh;
min-height: 200px;
width: unset !important;
max-width: unset;
overflow: auto;
resize: vertical;
}
html.sm-msgView-side #rl-app #V-MailMessageView .top-toolbar {
display: none;
}
html.sm-msgView-side #rl-app .messageView {
height: 100%;
}
#rl-app #rl-left {
width: 250px;
}
html:not(.rl-left-panel-disabled) #rl-left {
max-width: calc(var(--nc-sidebar-max-width) / 2);
}
#rl-app #V-SystemDropDown .accountPlace {
display: none;
}
}
@media screen and (min-width: 1024px) {
html.sm-msgView-side #rl-app #V-MailMessageList .messageList {
height: calc(100% - 60px) !important;
}
}
/* #endregion */