Add "move to folder" description

dev/Styles/Attachmnets.less

@@ -78,8 +78,7 @@
 			color: #999;
 			font-weight: bold;
 			line-height: 55px;
-
-			text-shadow: 0 1px 0 #FFF;
+			text-shadow: 0 1px 0 #fff;
 			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
 		}
 

dev/Styles/Layout.less

@@ -81,6 +81,36 @@ html.rl-mobile {
 	bottom: 0;
 	right: 0;
 	left: 500px;
+
+	.b-message-view-backdrop {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, .4);
+		z-index: 10;
+
+		.backdrop-message-wrp {
+
+			position: absolute;
+			top: calc(~'50% - 50px');
+			left: 0;
+			right: 0;
+			text-align: center;
+
+			.backdrop-message {
+				display: inline-block;
+				color: white;
+				font-size: 20px;
+				line-height: 30px;
+				background: rgba(0, 0, 0, .6);
+				padding: 15px;
+				border-radius: 5px;
+				text-shadow: 0px 1px 1px #000;
+			}
+		}
+	}
 }
 
 html.ssm-state-desktop-large {
@@ -317,8 +347,6 @@ html.rl-bottom-preview-pane {
 			top: 356px;
 			left: 0;
 			right: 5px;
-
-
 			box-shadow: none;
 		}
 	}

dev/Styles/MessageView.less

@@ -42,7 +42,7 @@ html.rl-no-preview-pane {
 			text-align: center;
 			font-size: 70px;
 			line-height: 70px;
-			padding-top: 140px;
+			padding-top: 100px;
 			color: #999;
 
 			.icon-mail {

dev/View/User/MailBox/MessageView.js

@@ -16,7 +16,8 @@ import {
 	$html,
 	leftPanelDisabled,
 	keyScopeReal,
-	useKeyboardShortcuts
+	useKeyboardShortcuts,
+	moveAction
 } from 'Common/Globals';
 
 import {
@@ -90,6 +91,8 @@ class MessageViewMailBoxUserView extends AbstractViewNext
 
 		this.pswp = null;
 
+		this.moveAction = moveAction;
+
 		this.allowComposer = !!Settings.capa(Capa.Composer);
 		this.allowMessageActions = !!Settings.capa(Capa.MessageActions);
 		this.allowMessageListActions = !!Settings.capa(Capa.MessageListActions);

rainloop/v/0.0.0/app/localization/webmail/_source.en.yml

@@ -145,6 +145,7 @@ en:
     PRINT_LABEL_ATTACHMENTS: "Attachments"
     MESSAGE_LOADING: "Loading"
     MESSAGE_VIEW_DESC: "Select message in list to view it here."
+    MESSAGE_VIEW_MOVE_DESC: "Choose folder to move..."
     PGP_PASSWORD_INPUT_PLACEHOLDER: "Password"
     PGP_SIGNED_MESSAGE_DESC: "OpenPGP signed message (click to verify)"
     PGP_ENCRYPTED_MESSAGE_DESC: "OpenPGP encrypted message (click to decrypt)"

rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html

@@ -43,6 +43,14 @@
 		</div>
 		<div class="b-content b-message-view-wrapper thm-message-view-background-color">
 			<div style="height: 100%">
+				<div class="b-message-view-backdrop" data-bind="visible: moveAction">
+					<div class="backdrop-message-wrp">
+						<div class="backdrop-message">
+							<i class="icon-folder" style="padding: 0 7px; font-size: 24px; width: 24px; line-height: 24px;"></i>
+							<span class="i18n" style="vertical-align: middle; padding: 0 7px" data-i18n="MESSAGE/MESSAGE_VIEW_MOVE_DESC"></span>
+						</div>
+					</div>
+				</div>
 				<div class="b-message-view-checked-helper" data-bind="visible: !message() && '' === messageError() && hasCheckedMessages()">
 					<span data-bind="text: printableCheckedMessageCount()"></span>
 					<i class="icon-mail"></i>