mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-07-10 15:08:28 +03:00
Fix mobile view issues
This commit is contained in:
parent
8047a36b70
commit
271065fe44
5 changed files with 13 additions and 15 deletions
|
|
@ -238,7 +238,3 @@ html.rl-left-panel-disabled {
|
|||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
html.rl-mobile .b-folders .b-content {
|
||||
bottom: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -275,12 +275,18 @@ html.rl-no-preview-pane #rl-right .resizer {
|
|||
}
|
||||
|
||||
html.rl-mobile {
|
||||
#rl-left {
|
||||
background: var(--main-bg-color);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 50vw;
|
||||
z-index: 2;
|
||||
}
|
||||
&.rl-left-panel-disabled #rl-left {
|
||||
display: none;
|
||||
}
|
||||
#rl-right {
|
||||
min-width: 100vw;
|
||||
}
|
||||
}
|
||||
|
||||
html.rl-bottom-preview-pane {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
|
||||
html.rl-mobile,
|
||||
html.rl-no-preview-pane {
|
||||
html.rl-mobile, html.rl-no-preview-pane {
|
||||
.message-selected #V-MailMessageList {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -472,10 +472,7 @@ html.rl-bottom-preview-pane .messageView {
|
|||
|
||||
html.rl-fullscreen {
|
||||
|
||||
#rl-left {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#rl-left,
|
||||
#V-MailMessageList,
|
||||
#V-SettingsPane,
|
||||
#V-SystemDropDown,
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="b-folders g-ui-user-select-none" data-bind="css: {'single-root-inbox': foldersListWithSingleInboxRootFolder}">
|
||||
<div class="b-toolbar btn-toolbar hide-mobile">
|
||||
<div class="b-toolbar btn-toolbar">
|
||||
<a class="btn buttonCompose" data-bind="click: composeClick, css: {'btn-warning': composeInEdit, 'btn-success': !composeInEdit()}" data-i18n="[title]FOLDER_LIST/BUTTON_NEW_MESSAGE">
|
||||
<i class="icon-paper-plane"></i>
|
||||
<span class="buttonComposeText" data-i18n="FOLDER_LIST/BUTTON_NEW_MESSAGE"></span>
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="move-action-content-wrapper" data-bind="visible: moveAction"></div>
|
||||
</div>
|
||||
<div class="b-content show-on-panel-disabled" data-bind="click: toggleLeftPanel"></div>
|
||||
<div class="b-footer btn-toolbar hide-mobile">
|
||||
<div class="b-footer btn-toolbar">
|
||||
<div class="btn-group">
|
||||
<a class="btn fontastic" data-bind="click: toggleLeftPanel, text: leftPanelDisabled() ? '❯' : '❮'"></a>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue