From e5413fe406e9daf64ad055a90e1390f71d8d4a0a Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Tue, 29 Dec 2020 16:32:08 -0500
Subject: [PATCH] refactor: remove .fadeInStart and re-did it so it doesn't
 apply on mobile

---
 less/mixins.less |  5 -----
 less/topic.less  | 21 ++++++++++-----------
 2 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/less/mixins.less b/less/mixins.less
index 8d5a982..cdcb6f1 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -47,8 +47,3 @@
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-
-.fadeInStart {
-	.transition(250ms ease-in-out opacity);
-	opacity: 0;
-}
\ No newline at end of file
diff --git a/less/topic.less b/less/topic.less
index 0e406cf..f719347 100644
--- a/less/topic.less
+++ b/less/topic.less
@@ -277,13 +277,7 @@
 		min-height: 60px;
 	}
 
-	[component="post/metadata"] {
-		.fadeInStart;
-	}
-
 	.post-tools {
-		.fadeInStart;
-
 		a {
 			padding: 1rem 10px;
 			.pointer;
@@ -291,8 +285,6 @@
 	}
 
 	.moderator-tools {
-		.fadeInStart;
-
 		margin-left: 10px;
 		font-size: 14px;
 
@@ -442,9 +434,16 @@
 
 			.transition(0.75s ease-in-out border-color);
 
-			&:hover {
-				.moderator-tools, .post-tools, [component="post/metadata"] {
-					opacity: 1;
+			@media (min-width: @screen-md-min) {
+				[component="post/metadata"], .post-tools, .moderator-tools {
+					.transition(250ms ease-in-out opacity);
+					opacity: 0;
+				}
+
+				&:hover {
+					.moderator-tools, .post-tools, [component="post/metadata"] {
+						opacity: 1;
+					}
 				}
 			}