Merge pull request #6722 from RocketChat/remove-lesshat

[NEW] Remove lesshat
RocketChat · Apr 19, 2017 · 490432f · 490432f
2 parents 0e2a6cf + 9866632
commit 490432f
Show file tree

Hide file tree

Showing 15 changed files with 214 additions and 418 deletions.
diff --git a/packages/rocketchat-emoji/emojiPicker.less b/packages/rocketchat-emoji/emojiPicker.less
@@ -1,5 +1,3 @@
-@import "lesshat.less";
-
 .emoji-picker-icon {
 	cursor: pointer;
 	font-size: 18px;
@@ -10,7 +8,7 @@
 
 	&:hover {
 		&::before {
-			.transform(scale(1.2));
+			transform: scale(1.2);
 		}
 	}
 }
@@ -73,7 +71,7 @@
 				transition: transform 0.2s ease;
 
 				&:hover {
-					.transform(scale(1.2));
+					transform: scale(1.2);
 					background-color: #dddddd;
 				}
 			}
@@ -123,12 +121,12 @@
 			top: 25px;
 			z-index: 1;
 			transition: transform 0.2s ease, visibility 0.2s ease, opacity 0.2s ease;
-			.transform(translateY(-20px));
+			transform: translateY(-20px);
 			opacity: 0;
 			visibility: hidden;
 
 			&.show {
-				.transform(translateY(0px));
+				transform: translateY(0);
 				opacity: 1;
 				display: block;
 				visibility: visible;

diff --git a/packages/rocketchat-emoji/lesshat.less b/packages/rocketchat-emoji/lesshat.less
diff --git a/packages/rocketchat-livechat/app/client/stylesheets/main.less b/packages/rocketchat-livechat/app/client/stylesheets/main.less
@@ -1,5 +1,4 @@
 @import "utils/_reset.import.less";
-@import "utils/_lesshat.import.less";
 @import "utils/_variables.import.less";
 @import "utils/_keyframes.import.less";
 @import "utils/_loading.import.less";
@@ -285,11 +284,10 @@ input:focus {
 						display: block;
 						position: absolute;
 						top: -30px;
-						left: 0;
+						left: calc(~'50% - 70px');
 						font-size: 10px;
 						font-weight: 600;
 						text-align: center;
-						.calc(left, ~'50% - 70px');
 						color: @secondary-font-color;
 						z-index: 1;
 						padding: 0 10px;
@@ -471,10 +469,10 @@ input:focus {
 			left: 50%;
 			z-index: 5;
 			transition: transform 0.3s ease-out;
-			.transform(translateY(-40px));
+			transform: translateY(-40px);
 
 			&.not {
-				.transform(translateY(100%));
+				transform: translateY(100%);
 			}
 		}
 
@@ -486,10 +484,10 @@ input:focus {
 			padding: 5px;
 			z-index: 8;
 			transition: transform 0.2s ease-out;
-			.transform(translateY(100%));
+			transform: translateY(100%);
 
 			&.show {
-				.transform(translateY(0));
+				transform: translateY(0);
 			}
 		}
 	}
@@ -582,12 +580,12 @@ input:focus {
 			position: absolute;
 			z-index: 200;
 			transition: transform 0.15s ease, visibility 0.15s ease, opacity 0.15s ease;
-			.transform(translateY(30px));
+			transform: translateY(30px);
 			opacity: 0;
 			visibility: hidden;
 
 			&.show {
-				.transform(translateY(0px));
+				transform: translateY(0);
 				opacity: 1;
 				display: block;
 				visibility: visible;
@@ -815,13 +813,13 @@ input:focus {
 			text-align: center;
 			opacity: 0;
 			visibility: hidden;
-			.transform(translateY(50px));
+			transform: translateY(50px);
 			transition: opacity 0.175s ease-out, transform 0.175s ease-out, visibility 0.175s ease-out;
 
 			&.visible {
 				opacity: 1;
 				visibility: visible;
-				.transform(translateY(0px));
+				transform: translateY(0);
 			}
 
 			.end-call {

diff --git a/packages/rocketchat-livechat/app/client/stylesheets/utils/_keyframes.import.less b/packages/rocketchat-livechat/app/client/stylesheets/utils/_keyframes.import.less
@@ -117,13 +117,13 @@
 	1% {
 		opacity: 0;
 		visibility: visible;
-		.transform(translateY(-150px));
+		transform: translateY(-150px);
 	}
 
 	100% {
 		opacity: 1;
 		visibility: visible;
-		.transform(translateY(0));
+		transform: translateY(0);
 	}
 }
 
@@ -155,7 +155,7 @@
 	99% {
 		opacity: 0;
 		visibility: visible;
-		.transform(translateY(150px));
+		transform: translateY(150px);
 	}
 
 	100% {

diff --git a/packages/rocketchat-livechat/app/client/stylesheets/utils/_lesshat.import.less b/packages/rocketchat-livechat/app/client/stylesheets/utils/_lesshat.import.less
diff --git a/packages/rocketchat-livechat/client/stylesheets/lesshat.less b/packages/rocketchat-livechat/client/stylesheets/lesshat.less
diff --git a/packages/rocketchat-livechat/client/stylesheets/livechat.less b/packages/rocketchat-livechat/client/stylesheets/livechat.less
@@ -1,5 +1,3 @@
-@import "lesshat.less";
-
 @header-min-height: 30px;
 @footer-min-height: 55px;
 @link-font-color: #008ce3;
@@ -237,11 +235,10 @@
 								display: block;
 								position: absolute;
 								top: -30px;
-								left: 0;
+								left: calc(~'50% - 70px');
 								font-size: 10px;
 								font-weight: 600;
 								text-align: center;
-								.calc(left, ~'50% - 70px');
 								color: @secondary-font-color;
 								z-index: 10;
 								padding: 0 10px;
@@ -424,10 +421,10 @@
 					left: 50%;
 					z-index: 5;
 					transition: transform 0.3s ease-out;
-					.transform(translateY(-40px));
+					transform: translateY(-40px);
 
 					&.not {
-						.transform(translateY(100%));
+						transform: translateY(100%);
 					}
 				}
 
@@ -439,10 +436,10 @@
 					padding: 5px;
 					z-index: 8;
 					transition: transform 0.2s ease-out;
-					.transform(translateY(100%));
+					transform: translateY(100%);
 
 					&.show {
-						.transform(translateY(0));
+						transform: translateY(0);
 					}
 				}
 			}