From 0b394b83686bb0fb64f68ac9563db775b0b98f1e Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 17 Apr 2016 11:37:41 +0200
Subject: [PATCH] Improved popover style

---
 .../js/WoltLab/WCF/Controller/Popover.js      |  2 +-
 wcfsetup/install/files/style/ui/popover.scss  | 30 ++-----------------
 2 files changed, 4 insertions(+), 28 deletions(-)

diff --git a/wcfsetup/install/files/js/WoltLab/WCF/Controller/Popover.js b/wcfsetup/install/files/js/WoltLab/WCF/Controller/Popover.js
index 6f7178734e..8db33cc90b 100644
--- a/wcfsetup/install/files/js/WoltLab/WCF/Controller/Popover.js
+++ b/wcfsetup/install/files/js/WoltLab/WCF/Controller/Popover.js
@@ -360,7 +360,7 @@ define(['Ajax', 'Dictionary', 'Environment', 'Dom/ChangeListener', 'Dom/Util', '
 			UiAlignment.set(_popover, _elements.get(_activeId).element, {
 				pointer: true,
 				vertical: 'top',
-				verticalOffset: 8
+				verticalOffset: 0
 			});
 		},
 		
diff --git a/wcfsetup/install/files/style/ui/popover.scss b/wcfsetup/install/files/style/ui/popover.scss
index 2ec66fe9f8..6ae82eaaa9 100644
--- a/wcfsetup/install/files/style/ui/popover.scss
+++ b/wcfsetup/install/files/style/ui/popover.scss
@@ -13,8 +13,8 @@
 	animation: wcfPopoverOut .3s;
 	animation-fill-mode: forwards;
 	background-color: $wcfContentBackground;
-	border: 1px solid $wcfDropdownBorder;
-	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .2);
+	border-radius: 2px;
+	box-shadow: 0 2px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
 	position: absolute;
 	top: 0;
 	vertical-align: middle;
@@ -33,31 +33,7 @@
 	}
 	
 	> .elementPointer {
-		border-width: 0 10px 10px;
-		border-style: solid;
-		border-color: $wcfDropdownBorder transparent;
-		top: 0;
-		
-		&.flipVertical {
-			border-width: 10px 10px 0;
-			bottom: 0;
-			top: auto;
-			
-			> span {
-				border-width: 10px 10px 0;
-				bottom: 1px;
-				top: auto;
-			}
-		}
-		
-		> span {
-			border-color: $wcfContentBackground transparent;
-			border-style: solid;
-			border-width: 0 10px 10px;
-			left: -10px;
-			position: absolute;
-			top: 1px;
-		} 
+		display: none; 
 	}
 }
 
-- 
2.20.1