vendor/assets/javascripts/webshims/shims/styles/scss/shim.scss in webshims-rails-1.10.9 vs vendor/assets/javascripts/webshims/shims/styles/scss/shim.scss in webshims-rails-1.10.10

@@ -697,15 +697,27 @@
 	opacity: 0;
 	padding: 11px 0 4px;
 	-webkit-transform: translate(0, -100%);
 	transform: translate(0, -100%);
 	transition: all 400ms ease-in-out;
+	
+	[data-vertical="bottom"] & {
+		-webkit-transform: translate(0, 100%);
+		transform: translate(0, 100%);
+		padding: 4px 0 11px;
+	}
+	
+	[data-vertical="middle"] & {
+		-webkit-transform: translate(0, 0) scale(0);
+		transform: translate(0, 0) scale(0);
+		padding: 4px 0;
+	}
 
 	.ws-popover.ws-po-visible & {
 		opacity: 1;
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
+		-webkit-transform: translate(0, 0) scale(1);
+		transform: translate(0, 0) scale(1);
 	}
 }
 
 .ws-po-box {
 	border: 1px solid #ccc;
@@ -725,10 +737,27 @@
 	border-right: 9px solid transparent;
 	border-bottom: 7px solid #ccc;
 	border-top: none;
 	zoom: 1;
 	font-size: 0;
+	
+	[data-horizontal="center"] & {
+		left: 50%;
+		margin-left: -5px;
+	}
+	
+	[data-horizontal="right"] & {
+		left: auto;
+		right: 20px;
+	}
+	
+	[data-vertical="bottom"] & {
+		top: auto;
+		bottom: 4px;
+		border-bottom: none;
+		border-top: 7px solid #ccc;
+	}
 
 	html & {
 		border-left-color: transparent;
 		border-right-color: transparent;
 
@@ -745,11 +774,11 @@
 		.ws-po-arrowbox {
 			border-left-color: transparent !important;
 			border-right-color: transparent !important;
 		}
 	}
-
+	[data-vertical="middle"] &,
 	* html & {
 		display: none;
 	}
 
 	.ws-po-arrowbox {
@@ -762,9 +791,15 @@
 		border-left: 9px solid transparent;
 		border-right: 9px solid transparent;
 		border-bottom: 7px solid #fefefe;
 		border-top: none;
 		z-index: 999999999;
+		
+		[data-vertical="bottom"] & {
+			top: -9px;
+			border-bottom: none;
+			border-top: 7px solid #fefefe;
+		}
 	}
 }