From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 3 Apr 2012 10:42:18 +0000 (+0200)
Subject: Fixed CSS for notifications
X-Git-Tag: 2.0.0_Beta_1~1170^2~2
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=b828c5cbad5dcb467322f9f6c6279d142ececfd8;p=GitHub%2FWoltLab%2FWCF.git

Fixed CSS for notifications
---

diff --git a/wcfsetup/install/files/style/button.less b/wcfsetup/install/files/style/button.less
index 43e7a64086..8eec78dcb4 100644
--- a/wcfsetup/install/files/style/button.less
+++ b/wcfsetup/install/files/style/button.less
@@ -8,6 +8,7 @@ input[type='button'],
 	border-radius: 30px;
 	border-style: solid;
 	border-width: 1px;
+	cursor: pointer;
 	display: inline-block;
 	font-size: 100%;
 	font-weight: bold;
diff --git a/wcfsetup/install/files/style/notification.less b/wcfsetup/install/files/style/notification.less
index d8a8aae89f..5d67862e07 100644
--- a/wcfsetup/install/files/style/notification.less
+++ b/wcfsetup/install/files/style/notification.less
@@ -12,20 +12,23 @@ Be careful with the following classes!
 
 .userNotificationDetails {
 	padding: @wcfGapSmall;
-	width: 250px - 2 * @wcfGapSmall;
+	width: 240px - 2 * @wcfGapSmall;
 
 	section {
 		border-top: 1px solid @wcfContainerBorderColor;
+		margin-top: @wcfGapTiny;
+		padding-top: @wcfGapMedium;
 	}
 	
 	nav {
 		border-top: 1px solid @wcfContainerBorderColor;
-		margin-top: @wcfGapSmall;
+		margin-top: @wcfGapMedium;
 		padding-top: @wcfGapSmall;
 		text-align: center;
 		
 		ul {
 			display: inline-block;
+			float: none;
 		}
 	}
 }
@@ -34,38 +37,38 @@ Be careful with the following classes!
 	font-size: 90%;
 	overflow: hidden;
 	position: relative;
-	width: 250px;
+	width: 240px;
 	
 	.scrollableItems {
 		position: relative;
 		width: 20000em;
-		
+
 		> div {
-			border-right: 1px solid @wcfContainerBorderColor;
-			cursor: default;
 			float: left;
-			width: 250px;
-		}
-	}
-	
-	> div:first-child {
-		ul {
-			margin: 0;
-			padding: 0;
+			width: 240px;
 			
-			li {
-				border-top: 1px solid @wcfContainerBorderColor;
-				cursor: pointer;
-				padding: @wcfGapSmall;
+			&:first-child {
+				border-right: 1px solid @wcfContainerBorderColor;
+				
+				ul li {
+					border-top: 1px solid @wcfContainerBorderColor;
+					cursor: pointer;
+					display: inline-block;
+					overflow: hidden;
+					padding: @wcfGapSmall;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+					width: 240px - 2 * @wcfGapSmall;
+	
+					&:first-child {
+						border-top-width: 0;
+					}
+				}
 				
-				&:first-child {
-					border-top-width: 0;
+				p {
+					padding: @wcfGapSmall;
 				}
 			}
 		}
-		
-		p {
-			padding: 4px 14px;
-		}
 	}
 }
\ No newline at end of file