From: Marcel Werk <burntime@woltlab.com>
Date: Wed, 25 Apr 2012 14:09:36 +0000 (+0200)
Subject: Small popover redesign
X-Git-Tag: 2.0.0_Beta_1~1141
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=8fb7d7dae76381293a6fa96a7d5755b943173348;p=GitHub%2FWoltLab%2FWCF.git

Small popover redesign
---

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index 9218c31a66..f3230e6524 100644
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -211,18 +211,10 @@ dl.dataList {
 	dd {
 		text-align: left;
 		margin-left: 38%;
-		
-		&:after {
-			display: table;
-			content: "";
-			clear: both;
-		}
 	}
 }
 
 dl.statsDataList {
-	display: block;
-	
 	dt {
 		color: @wcfDimmedColor;
 		display: block;
@@ -265,8 +257,6 @@ dl.statsDataList {
 }
 
 dl.inlineDataList {
-	display: inline-block;
-	
 	dd {
 		display: inline-block;
 		margin: 0 4px 0 0;
diff --git a/wcfsetup/install/files/style/popover.less b/wcfsetup/install/files/style/popover.less
index d869475e34..580fe38263 100644
--- a/wcfsetup/install/files/style/popover.less
+++ b/wcfsetup/install/files/style/popover.less
@@ -4,7 +4,6 @@
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-size: 32px;
-	color: @wcfTooltipColor;
 	max-width: 450px;
 	min-height: 32px;
 	min-width: 150px;
@@ -14,7 +13,7 @@
 	z-index: 320;
 	
 	.borderRadius();
-	.boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px);
+	.boxShadow(0, 1px, rgba(0, 0, 0, .3), 7px);
 	
 	&:after {
 		border: 10px solid transparent;
@@ -26,12 +25,12 @@
 	
 	&.top:after {
 		border-bottom-width: 0;
-		border-top-color: rgba(0, 0, 0, .2);
+		border-top-color: rgba(0, 0, 0, .4);
 		bottom: -10px;
 	}
 	
 	&.bottom:after {
-		border-bottom-color: rgba(0, 0, 0, .2);
+		border-bottom-color: rgba(0, 0, 0, .4);
 		border-top-width: 0;
 		top: -10px;
 	}
@@ -49,7 +48,7 @@
 	background-color: @wcfContainerBackgroundColor;
 	color: @wcfColor;
 	opacity: 0;
-	padding: @wcfGapSmall;
+	padding: @wcfGapSmall @wcfGapMedium;
 	
 	.borderRadius();
 }
\ No newline at end of file
diff --git a/wcfsetup/install/files/style/user.less b/wcfsetup/install/files/style/user.less
index b47fc77a65..3b651c17c8 100644
--- a/wcfsetup/install/files/style/user.less
+++ b/wcfsetup/install/files/style/user.less
@@ -25,11 +25,58 @@
 	}
 }
 
+/* user information */
+.userInformation {
+	> hgroup > h2,
+	> .inlineDataList,
+	> .dataList {
+		font-size: @wcfSmallFontSize;
+	}
+}
+
+.userProfilePreview {
+	position: relative;
+
+	> .userInformation {
+		padding-bottom: 16px;// + @wcfGapTiny;
+		
+		> .inlineDataList,
+		> .dataList {
+			margin-bottom: @wcfGapTiny;
+			padding-top: @wcfGapTiny;
+			border-top: 1px dotted @wcfContainerBorderColor;
+		}
+		
+		> .dataList {
+			padding-bottom: @wcfGapTiny;
+			border-bottom: 1px dotted @wcfContainerBorderColor;
+		}
+		
+		> .buttonList {
+			position: absolute;
+			bottom: 0;
+			right: 0;
+		}
+	}
+}
 
 /* ##### User List #### */
 .simpleUserList {
-	h2, p, dl {
-		font-size: @wcfSmallFontSize;
+	> li > div > .userInformation {
+		position: relative;
+		
+		> .buttonList {
+			opacity: 0;
+			position: absolute;
+			right: 0;
+			top: 0;
+			
+			.transition(opacity, .1s);
+		}
+	}
+	
+	> li:hover > div > .userInformation > .buttonList {
+		opacity: 1;
 	}
 }