Merge pull request #8 from 3Dgoo/patch-1

Stop entire tooltip from being hoverable when hidden

css/multiuserediting.css

@@ -17,11 +17,11 @@
 		position: absolute;
 		top: 50%;
 		-webkit-transform: translate(0px,-50%);
-		        transform: translate(0px,-50%);
+		transform: translate(0px,-50%);
 	}
 
 
-/* Float a CMS header title to left for proper placement 
+/* Float a CMS header title to left for proper placement
 of '.multi-user-message-wrap' */
 .cms-content-header h2 {
 	display: inline-block;
@@ -32,12 +32,12 @@ of '.multi-user-message-wrap' */
 placement: on right side of ".breadcrumbs-wrapper" */
 .multi-user-message-wrap {
 	float: right;
-    height: 40px; /* Match height of CMS header for proper message placement */
-    margin-left: 15px;
-    margin-right: 0;
-    padding-top: 6px; /* Center icon in vertical of CMS header */
-    position: relative;
-    width: 40px; /* Equal width to height for better  */
+	height: 40px; /* Match height of CMS header for proper message placement */
+	margin-left: 15px;
+	margin-right: 0;
+	padding-top: 6px; /* Center icon in vertical of CMS header */
+	position: relative;
+	width: 40px; /* Equal width to height for better  */
 }
 
 	/* Hide message box by default */
@@ -49,16 +49,18 @@ placement: on right side of ".breadcrumbs-wrapper" */
 		margin: 0;
 		opacity: 0;
 		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-		-webkit-transition: opacity 0.3s ease-in-out 0s;
-		transition: opacity 0.3s ease-in-out 0s;
+		-webkit-transition: opacity 0.3s ease-in-out 0s, left 0 0.3s;
+		transition: opacity 0.3s ease-in-out 0s, left 0 0.3s;
 	}
 
 	/* Show message box on hover/focus of icon */
 	.multi-user-message-wrap:hover .multi-user-editing-alert-message,
 	.multi-user-message-wrap:focus .multi-user-editing-alert-message {
-		left: 0;		
+		left: 0;
 		opacity: 1;
 		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+		-webkit-transition: opacity 0.3s ease-in-out 0s;
+		transition: opacity 0.3s ease-in-out 0s;
 	}
 
 		/* Add a top caret pointer for message box */