From 271065fe44ead591e657a484431ff548e5df3361 Mon Sep 17 00:00:00 2001
From: the-djmaze <>
Date: Thu, 26 Jan 2023 15:37:27 +0100
Subject: [PATCH] Fix mobile view issues

---
 dev/Styles/User/FolderList.less                      |  4 ----
 dev/Styles/User/Layout.less                          | 12 +++++++++---
 dev/Styles/User/MessageList.less                     |  3 +--
 dev/Styles/User/MessageView.less                     |  5 +----
 .../app/templates/Views/User/MailFolderList.html     |  4 ++--
 5 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/dev/Styles/User/FolderList.less b/dev/Styles/User/FolderList.less
index 8369a880c..b6e1f554c 100644
--- a/dev/Styles/User/FolderList.less
+++ b/dev/Styles/User/FolderList.less
@@ -238,7 +238,3 @@ html.rl-left-panel-disabled {
 		margin-left: 0 !important;
 	}
 }
-
-html.rl-mobile .b-folders .b-content {
-	bottom: 0;
-}
diff --git a/dev/Styles/User/Layout.less b/dev/Styles/User/Layout.less
index e6562e3c7..2775a1821 100644
--- a/dev/Styles/User/Layout.less
+++ b/dev/Styles/User/Layout.less
@@ -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 {
diff --git a/dev/Styles/User/MessageList.less b/dev/Styles/User/MessageList.less
index bda01b871..00e556681 100644
--- a/dev/Styles/User/MessageList.less
+++ b/dev/Styles/User/MessageList.less
@@ -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;
 	}
diff --git a/dev/Styles/User/MessageView.less b/dev/Styles/User/MessageView.less
index 069513bb8..8584b2c9b 100644
--- a/dev/Styles/User/MessageView.less
+++ b/dev/Styles/User/MessageView.less
@@ -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,
diff --git a/snappymail/v/0.0.0/app/templates/Views/User/MailFolderList.html b/snappymail/v/0.0.0/app/templates/Views/User/MailFolderList.html
index 2c8d3f298..adfbeb6f6 100644
--- a/snappymail/v/0.0.0/app/templates/Views/User/MailFolderList.html
+++ b/snappymail/v/0.0.0/app/templates/Views/User/MailFolderList.html
@@ -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>