PreRelease 1.8.3

dev/Styles/Animations.less

@@ -21,6 +21,15 @@
 	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
 }
 
+@keyframes login-form-shake  {
+  0% {transform: translateX(0);}
+  12.5% {transform: translateX(-6px) rotateY(-5deg)}
+  37.5% {transform: translateX(5px) rotateY(4deg)}
+  62.5% {transform: translateX(-3px) rotateY(-2deg)}
+  87.5% {transform: translateX(2px) rotateY(1deg)}
+  100% {transform: translateX(0)}
+}
+
 html.csstransitions.rl-started-trigger.no-mobile .b-login-content .loginFormWrapper {
 	/*transform: scale(1.1);*/
 	transform: translateY(-20px);
@@ -56,6 +65,14 @@ html.csstransitions.rl-started-trigger.no-mobile .b-login-content .loginFormWrap
 		}
 	}
 
+	&.cssanimations.csstransitions.no-mobile .b-login-content .errorAnimated {
+		animation: login-form-shake 400ms ease-in-out;
+	}
+
+	&.cssanimations.csstransitions.no-mobile .b-login-content .afterLoginHide {
+		opacity: 0;
+	}
+
 /*	&.csstransitions.no-mobile #rl-content {
 		.transition(opacity 0.3s ease-out);
 	}*/

dev/Styles/Attachmnets.less

@@ -16,7 +16,7 @@
 	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
 	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 5px rgba(0, 0, 0, 0.1);
 
-	border-radius: 2px;
+	border-radius: 3px;
 
 	&.waiting {
 		opacity: 0.6;
@@ -120,6 +120,15 @@
 		color: #aaa;
 	}
 
+	.attachmentIcon  {
+		&.icon-none {
+			display: none;
+		}
+		&.icon-file-certificate {
+			margin-left: 15px;
+		}
+	}
+
 	.attachmentIconText {
 		display: inline-block;
 		font-size: 28px;
@@ -131,15 +140,13 @@
 		font-style: normal;
 	}
 
-	.attachmentIcon.icon-none {
-		display: none;
-	}
-
+/*
 	.attachmentIconParent.hasPreview.isImage {
 		.iconMain {
 			display: none;
 		}
 	}
+*/
 
 	.attachmentIconParent.hasPreview:hover {
 		.iconPreview {

dev/Styles/Login.less

@@ -9,6 +9,7 @@
 		display: inline-block;
 		vertical-align: middle;
 		text-align: center;
+		perspective: 500px;
 
 		.descWrapper {
 

dev/Styles/MessageList.less

@@ -322,7 +322,7 @@ html.rl-no-preview-pane {
 
 			&.e-single-line .attachmentParent {
 				float: left;
-				margin: 0 5px 0 0;
+				margin: 0 8px 0 0;
 			}
 
 			.senderParent {

dev/Styles/Ui.less

@@ -230,4 +230,4 @@ html.cssanimations {
 
 .command.command-disabled.hide-on-disabled-command {
 	display:none;
-}
+}

dev/Styles/_End.less

@@ -33,6 +33,7 @@
 }
 
 .opentip-container {
+
 	z-index: 2001 !important;
 	.ot-content {
 		font-size: 13px;
@@ -41,4 +42,30 @@
 	&.style-rainloopErrorTip .ot-content {
 		color: red;
 	}
+
+	&.ot-show-effect-none, &.ot-hide-effect-none {
+		transition: none !important;
+	}
+
+	&.ot-show-effect-fade {
+
+		transition: none;
+
+		&.ot-hidden {
+			opacity: 0;
+		}
+
+		&.ot-going-to-show {
+			opacity: 0;
+			transition: opacity 0.2s ease-in-out;
+		}
+		&.ot-showing {
+			opacity: 1;
+			transition: opacity 0.2s ease-in-out;
+		}
+		&.ot-visible {
+			opacity: 1;
+			transition: none;
+		}
+	}
 }