From 1beaf80e41eb3375cb7905e1782d04d6b5bcb292 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 23 Jul 2016 19:37:31 +0200
Subject: [PATCH] Added styling for structured lists

---
 .../files/acp/templates/labelGroupAdd.tpl     | 30 ++++++++---------
 .../files/style/ui/listStructured.scss        | 32 +++++++++++++++++++
 2 files changed, 45 insertions(+), 17 deletions(-)
 create mode 100644 wcfsetup/install/files/style/ui/listStructured.scss

diff --git a/wcfsetup/install/files/acp/templates/labelGroupAdd.tpl b/wcfsetup/install/files/acp/templates/labelGroupAdd.tpl
index 07db3c77a6..dd181bb92d 100644
--- a/wcfsetup/install/files/acp/templates/labelGroupAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/labelGroupAdd.tpl
@@ -103,23 +103,19 @@
 		<div id="connect" class="tabMenuContent">
 			<div class="section">
 				{foreach from=$labelObjectTypeContainers item=container}
-					{if $container->isBooleanOption()}
-						<!-- TODO: Implement boolean option mode -->
-					{else}
-						<dl>
-							<dt>{lang}wcf.acp.label.container.{$container->getObjectTypeName()}{/lang}</dt>
-							<dd>
-								<ul class="structuredList">
-									{foreach from=$container item=objectType}
-										<li class="{if $objectType->isCategory()} category{/if}"{if $objectType->getDepth()} style="padding-left: {21 * $objectType->getDepth()}px"{/if} data-depth="{@$objectType->getDepth()}">
-											<span>{$objectType->getLabel()}</span>
-											<label><input id="checkbox_{@$container->getObjectTypeID()}_{@$objectType->getObjectID()}" type="checkbox" name="objectTypes[{@$container->getObjectTypeID()}][]" value="{@$objectType->getObjectID()}"{if $objectType->getOptionValue()} checked{/if}></label>
-										</li>
-									{/foreach}
-								</ul>
-							</dd>
-						</dl>
-					{/if}
+					<dl>
+						<dt>{lang}wcf.acp.label.container.{$container->getObjectTypeName()}{/lang}</dt>
+						<dd>
+							<ul class="structuredList">
+								{foreach from=$container item=objectType}
+									<li class="{if $objectType->isCategory()} category{/if}"{if $objectType->getDepth()} style="padding-left: {$objectType->getDepth() * 20}px"{/if} data-depth="{@$objectType->getDepth()}">
+										<span>{$objectType->getLabel()}</span>
+										<label><input id="checkbox_{@$container->getObjectTypeID()}_{@$objectType->getObjectID()}" type="checkbox" name="objectTypes[{@$container->getObjectTypeID()}][]" value="{@$objectType->getObjectID()}"{if $objectType->getOptionValue()} checked{/if}></label>
+									</li>
+								{/foreach}
+							</ul>
+						</dd>
+					</dl>
 				{/foreach}
 			</div>
 			
diff --git a/wcfsetup/install/files/style/ui/listStructured.scss b/wcfsetup/install/files/style/ui/listStructured.scss
new file mode 100644
index 0000000000..028c1104d7
--- /dev/null
+++ b/wcfsetup/install/files/style/ui/listStructured.scss
@@ -0,0 +1,32 @@
+/* element list with checkboxes */
+.structuredList {
+	border: 1px solid rgb(79, 129, 189);
+	border-width: 1px 0;
+	
+	li {
+		display: flex;
+		padding: 10px 0;
+		
+		&:not(:first-child) {
+			border-top: 1px solid rgb(238, 238, 238);
+		}
+		
+		&:hover {
+			background-color: $wcfTabularBoxBackgroundActive
+		}
+		
+		> span {
+			flex: 1 1 auto;
+		}
+		
+		> label {
+			cursor: pointer;
+			flex: 0 0 auto;
+		}
+		
+		> span,
+		> label {
+			padding: 0 5px;
+		}
+	}
+}
-- 
2.20.1