Merge pull request #8252 from RocketChat/hover-mentions

[FIX] sidenav mentions on hover
RocketChat · Sep 23, 2017 · 9ffb19a · 9ffb19a
1 parent 8e10974
commit 9ffb19a
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
@@ -20,11 +20,7 @@
 
 	&:hover {
 		& .sidebar-item__menu {
-			display: block;
-		}
-
-		& .badge {
-			display: none;
+			margin: 0;
 		}
 	}
 
@@ -134,9 +130,10 @@
 	}
 
 	&__menu {
-		display: none;
+		margin: 0 -15px;
+		padding: 6px;
 
-		padding: 8px 0 8px 8px;
+		transition: margin 0.2s 0.3s;
 
 		&-icon {
 			fill: var(--color-white);