Resolve flipped tooltip horizontal positioning

#fix
aduth · May 26, 2017 · 039ca08 · 039ca08
1 parent e2206d3
commit 039ca08
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/src/components/popover/_style.scss b/src/components/popover/_style.scss
@@ -68,15 +68,16 @@
 	}
 
 	&.is-left {
-		left: 0;
-		margin-left: -6px;
+		left: 100%;
+		transform: translateX( -100% );
+		margin-left: 6px;
 
 		&::before {
-			left: 10px;
+			right: 10px;
 		}
 
 		&::after {
-			left: 11px;
+			right: 11px;
 		}
 	}
 
@@ -96,16 +97,15 @@
 	}
 
 	&.is-right {
-		left: 100%;
-		transform: translateX( -100% );
-		margin-left: 6px;
+		left: 0;
+		margin-left: -6px;
 
 		&::before {
-			right: 10px;
+			left: 10px;
 		}
 
 		&::after {
-			right: 11px;
+			left: 11px;
 		}
 	}
 }