From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 9 Apr 2012 16:41:09 +0000 (+0200)
Subject: Improved design for checkbox lists
X-Git-Tag: 2.0.0_Beta_1~1159^2~2^2
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=767f41842311a42d7366d44f2896b0d62a9369c0;p=GitHub%2FWoltLab%2FWCF.git

Improved design for checkbox lists
---

diff --git a/wcfsetup/install/files/style/acl.less b/wcfsetup/install/files/style/acl.less
index 31421618bd..fcc2b97347 100644
--- a/wcfsetup/install/files/style/acl.less
+++ b/wcfsetup/install/files/style/acl.less
@@ -16,7 +16,7 @@
 			border-top-right-radius: @wcfContainerBorderRadius;
 		}
 		
-		&:last-child {
+		&:last-child:not(:first-child) {
 			border-bottom-left-radius: @wcfContainerBorderRadius;
 			border-bottom-right-radius: @wcfContainerBorderRadius;
 		}
diff --git a/wcfsetup/install/files/style/forms.less b/wcfsetup/install/files/style/forms.less
index e1f2dfd886..4a3ff4df3b 100644
--- a/wcfsetup/install/files/style/forms.less
+++ b/wcfsetup/install/files/style/forms.less
@@ -171,4 +171,44 @@ input[type='radio'] ~ small {
 .cke_skin_kama {
 	border-width: 0 !important;
 	padding: 0 !important;
+}
+
+/* element list with checkboxes */
+.structuredList {
+	background-color: @wcfContainerBackgroundColor;
+	
+	li {
+		padding: @wcfGapTiny @wcfGapSmall;
+		text-align: right;
+
+		&:hover {
+			background-color: @wcfHoverBackgroundColor;
+		}
+		
+		&:first-child {
+			border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
+		}
+		
+		&:last-child {
+			border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
+		}
+		
+		&.category {
+			background-color: @wcfNavigationBackgroundColor;
+			
+			&:hover {
+				background-color: @wcfHoverBackgroundColor;
+			}
+		}
+		
+		span {
+			float: left;
+		}
+		
+		label {
+			cursor: pointer;
+			margin: 0 @wcfGapSmall;
+			padding: 0 @wcfGapLarge;
+		}
+	}
 }
\ No newline at end of file