mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-07-13 03:27:39 +03:00
chore: Add tablet layout (wip)
This commit is contained in:
parent
72ba59e95b
commit
534a87b254
1 changed files with 60 additions and 0 deletions
|
|
@ -2430,4 +2430,64 @@ html.rl-mobile #rl-app #V-AdminPane>.b-toolbar {
|
|||
}
|
||||
}
|
||||
|
||||
/* #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 */
|
||||
Loading…
Add table
Add a link
Reference in a new issue