fix mentions on hover

RocketChat · Sep 22, 2017 · a650d83 · a650d83
1 parent 0b7fecc
commit a650d83
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;
-
 		padding: 8px 0 8px 8px;
+		margin: 0 -12px;
+
+		transition: margin 0.3s 0.3s;
 
 		&-icon {
 			fill: var(--color-white);