From 354337f17471daafd487206fd4058ca95bd94b05 Mon Sep 17 00:00:00 2001
From: djmaze <djmaze@djmaze.lan>
Date: Wed, 10 Feb 2021 12:13:17 +0100
Subject: [PATCH] Cleanup messagelist design

---
 dev/Styles/MessageList.less                   | 19 ++-----------------
 dev/Styles/Ui.less                            |  4 ++--
 .../templates/Views/User/MailMessageList.html |  5 +----
 3 files changed, 5 insertions(+), 23 deletions(-)

diff --git a/dev/Styles/MessageList.less b/dev/Styles/MessageList.less
index c16253e84..0fbf04d32 100644
--- a/dev/Styles/MessageList.less
+++ b/dev/Styles/MessageList.less
@@ -32,6 +32,7 @@ html.rl-no-preview-pane {
 
 		border-bottom-right-radius: @rlMainBorderRadius;
 		border-bottom-left-radius: @rlMainBorderRadius;
+		border-top: 1px solid #bbb;
 
 		.e-quota {
 			display: inline-block;
@@ -83,6 +84,7 @@ html.rl-no-preview-pane {
 
 		border-top-right-radius: @rlMainBorderRadius;
 		border-top-left-radius: @rlMainBorderRadius;
+		border-bottom: 1px solid #bbb;
 
 		.checkboxCkeckAll {
 			margin: 5px 0;
@@ -98,23 +100,6 @@ html.rl-no-preview-pane {
 		top: 50px;
 	}
 
-	.mainDelimiter {
-		position: absolute;
-		left: 0;
-		right: 0;
-		height: 1px;
-		z-index: 101;
-		background-color: #bbb;
-	}
-
-	.toolbarDelimiter {
-		top: 49px;
-	}
-
-	.footerDelimiter {
-		bottom: 44px;
-	}
-
 	.b-content {
 		position: absolute;
 		top: 50px;
diff --git a/dev/Styles/Ui.less b/dev/Styles/Ui.less
index 1947529cf..007f3697c 100644
--- a/dev/Styles/Ui.less
+++ b/dev/Styles/Ui.less
@@ -126,14 +126,14 @@
 }
 
 .settings-saved-trigger-input {
+	transition: border-color 0.5s linear;
+
 	&.success {
 		border-color: green !important;
-		transition: border-color 0.5s linear;
 	}
 
 	&.error {
 		border-color: red !important;
-		transition: border-color 0.5s linear;
 	}
 }
 
diff --git a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html
index ce688f9d4..1438e6747 100644
--- a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html
+++ b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html
@@ -1,6 +1,6 @@
 <div id="rl-sub-left">
 	<div class="messageList g-ui-user-select-none"
-		data-bind="css: {'message-selected': isMessageSelected, 'message-focused': !messageListFocused(), 'loading': messageListCompleteLoadingThrottle, 'hideMessageListCheckbox': !useCheckboxesInList() }">
+		data-bind="css: {'message-selected': isMessageSelected, 'message-focused': !messageListFocused(), 'hideMessageListCheckbox': !useCheckboxesInList() }">
 		<div class="toolbar">
 			<div class="btn-toolbar">
 				<!-- ko if:  allowFolders && mobile -->
@@ -140,8 +140,6 @@
 					<i class="checkboxCkeckAll" data-bind="css: checkAll() ? (isIncompleteChecked() ? 'icon-checkbox-partial' : 'icon-checkbox-checked') : 'icon-checkbox-unchecked'"></i>
 				</div>
 			</div>
-			<div class="line-loading e-strip-animation" data-bind="visible: messageListCompleteLoadingThrottle"></div>
-			<div class="mainDelimiter toolbarDelimiter"></div>
 			<div class="b-content" data-bind="initDom: dragOverBodyArea">
 				<div class="content">
 					<div class="content-wrapper">
@@ -179,7 +177,6 @@
 					</div>
 				</div>
 			</div>
-			<div class="mainDelimiter footerDelimiter"></div>
 			<div class="b-footer thm-message-list-bottom-toolbar">
 				<span data-tooltip-i18n="off" data-bind="visible: 0 < userUsageProc(), tooltip: quotaTooltip" class="e-quota">
 					<span data-bind="text: userUsageProc"></span>%