From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 19 Mar 2016 12:05:43 +0000 (+0100)
Subject: Added styles for ACLs
X-Git-Tag: 3.0.0_Beta_1~2011
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=6cad44fdab7a9958aae95bbda9feefb6061beb22;p=GitHub%2FWoltLab%2FWCF.git

Added styles for ACLs
---

diff --git a/wcfsetup/install/files/js/WCF.ACL.js b/wcfsetup/install/files/js/WCF.ACL.js
index a171fe9d98..5e703d6703 100644
--- a/wcfsetup/install/files/js/WCF.ACL.js
+++ b/wcfsetup/install/files/js/WCF.ACL.js
@@ -101,9 +101,9 @@ WCF.ACL.List = Class.extend({
 		
 		// insert container elements
 		var $elementContainer = this._container.children('dd');
-		var $aclList = $('<ul class="aclList container" />').appendTo($elementContainer);
+		var $aclList = $('<ul class="aclList containerList" />').appendTo($elementContainer);
 		var $searchInput = $('<input type="text" class="long" placeholder="' + WCF.Language.get('wcf.acl.search.' + (!includeUserGroups ? 'user.' : '') + 'description') + '" />').appendTo($elementContainer);
-		var $permissionList = $('<ul class="aclPermissionList container" />').hide().appendTo($elementContainer);
+		var $permissionList = $('<ul class="aclPermissionList containerList" />').hide().appendTo($elementContainer);
 		
 		// set elements
 		this._containerElements = {
@@ -205,7 +205,7 @@ WCF.ACL.List = Class.extend({
 	 * @return	jQuery
 	 */
 	_createListItem: function(objectID, label, type) {
-		var $listItem = $('<li><span class="icon icon16 fa-user' + (type === 'group' ? 's' : '') + '" /> <span>' + label + '</span></li>').appendTo(this._containerElements.aclList);
+		var $listItem = $('<li><span class="icon icon16 fa-user' + (type === 'group' ? 's' : '') + '" /> <span class="aclLabel">' + label + '</span></li>').appendTo(this._containerElements.aclList);
 		$listItem.data('objectID', objectID).data('type', type).data('label', label).click($.proxy(this._click, this));
 		$('<span class="icon icon16 fa-times jsTooltip pointer" title="' + WCF.Language.get('wcf.global.button.delete') + '" />').click($.proxy(this._removeItem, this)).appendTo($listItem);
 		
diff --git a/wcfsetup/install/files/style/ui/acl.scss b/wcfsetup/install/files/style/ui/acl.scss
new file mode 100644
index 0000000000..b406ac7eed
--- /dev/null
+++ b/wcfsetup/install/files/style/ui/acl.scss
@@ -0,0 +1,69 @@
+/* object list, e.g. users and groups */
+.aclList {
+	> li {
+		align-items: center;
+		display: flex;
+		padding: 10px 0;
+		
+		&:not(.active) {
+			cursor: pointer;
+		}
+		
+		&.active {
+			background-color: $wcfTabularBoxBackgroundActive;
+		}
+		
+		> .icon {
+			flex: 0 0 36px;
+			padding: 0 5px;
+		}
+		
+		> .aclLabel {
+			flex: 1 1 auto;
+			margin: 0 5px;
+		}
+	}
+	
+	/* search input */
+	& + .dropdown {
+		display: block;
+		margin-top: 20px;
+	}
+}
+
+/* permissions per object */
+.aclPermissionList {
+	margin-top: 40px;
+	
+	> li {
+		&.aclCategory {
+			padding: 20px 10px 10px 0;
+			
+			@include wcfFontHeadline;
+			
+			&:hover {
+				background-color: transparent;
+			}
+		}
+		
+		&:not(.aclCategory) {
+			display: flex;
+			padding: 10px 0;
+		}
+		
+		> span {
+			flex: 1 1 auto;
+			padding-left: 10px;
+		}
+		
+		> label {
+			cursor: pointer;
+			flex: 0 0 auto;
+			padding: 0 20px;
+			
+			& + label {
+				margin-left: 20px;
+			}
+		}
+	}
+}