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

Fix mobile view issues

Browse source
This commit is contained in:
the-djmaze 2023-01-26 15:37:27 +01:00
parent 8047a36b70
commit 271065fe44
5 changed files with 13 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

4
dev/Styles/User/FolderList.less
View file

@ -238,7 +238,3 @@ html.rl-left-panel-disabled {
margin-left: 0 !important; margin-left: 0 !important;
} }
} }
html.rl-mobile .b-folders .b-content {
bottom: 0;
}

12
dev/Styles/User/Layout.less
View file

@ -275,12 +275,18 @@ html.rl-no-preview-pane #rl-right .resizer {
} }
html.rl-mobile { 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 { &.rl-left-panel-disabled #rl-left {
display: none; display: none;
} }
#rl-right {
min-width: 100vw;
}
} }
html.rl-bottom-preview-pane { html.rl-bottom-preview-pane {

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

@ -1,6 +1,5 @@
html.rl-mobile, html.rl-mobile, html.rl-no-preview-pane {
html.rl-no-preview-pane {
.message-selected #V-MailMessageList { .message-selected #V-MailMessageList {
display: none; display: none;
} }

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

@ -472,10 +472,7 @@ html.rl-bottom-preview-pane .messageView {
html.rl-fullscreen { html.rl-fullscreen {
#rl-left { #rl-left,
display: none !important;
}
#V-MailMessageList, #V-MailMessageList,
#V-SettingsPane, #V-SettingsPane,
#V-SystemDropDown, #V-SystemDropDown,

4
snappymail/v/0.0.0/app/templates/Views/User/MailFolderList.html
View file

@ -1,5 +1,5 @@
<div class="b-folders g-ui-user-select-none" data-bind="css: {'single-root-inbox': foldersListWithSingleInboxRootFolder}"> <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"> <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> <i class="icon-paper-plane"></i>
<span class="buttonComposeText" data-i18n="FOLDER_LIST/BUTTON_NEW_MESSAGE"></span> <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 class="move-action-content-wrapper" data-bind="visible: moveAction"></div>
</div> </div>
<div class="b-content show-on-panel-disabled" data-bind="click: toggleLeftPanel"></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"> <div class="btn-group">
<a class="btn fontastic" data-bind="click: toggleLeftPanel, text: leftPanelDisabled() ? '❯' : '❮'"></a> <a class="btn fontastic" data-bind="click: toggleLeftPanel, text: leftPanelDisabled() ? '❯' : '❮'"></a>
</div> </div>