From: Alexander Ebert <ebert@woltlab.com>
Date: Wed, 9 Mar 2016 13:24:00 +0000 (+0100)
Subject: Added CSS for sortable lists
X-Git-Tag: 3.0.0_Beta_1~2030^2~49
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=c5168804e69bfa3c45a6bd33d049f2b01449385f;p=GitHub%2FWoltLab%2FWCF.git

Added CSS for sortable lists
---

diff --git a/wcfsetup/install/files/style/ui/listSortable.scss b/wcfsetup/install/files/style/ui/listSortable.scss
new file mode 100644
index 0000000000..eae8105389
--- /dev/null
+++ b/wcfsetup/install/files/style/ui/listSortable.scss
@@ -0,0 +1,65 @@
+.sortableList {
+	list-style: decimal outside;
+	margin-left: 20px;
+}
+
+.sortableNode {
+	&:not(:last-child) {
+		border-bottom: 1px solid $wcfContentBorderInner;
+	}
+	
+	> .sortableList {
+		//padding-left: 20px;
+		
+		&:not(:empty) {
+			border-top: 1px solid $wcfContentBorderInner;
+		}
+	}
+}
+
+.sortableNodeLabel {
+	align-items: center;
+	cursor: move;
+	padding: 10px;
+	
+	/* `display:flex` acts weird inside lists with a visible list-style */
+	display: inline-flex;
+	width: 100%;
+	
+	&:hover {
+		background-color: $wcfTabularBoxBackgroundActive
+	}
+	
+	> .icon,
+	> a {
+		flex: 0 0 auto;
+		margin-right: 5px;
+	}
+	
+	> .statusDisplay {
+		align-items: center;
+		display: flex;
+		flex: 1 1 auto;
+		justify-content: flex-end;
+		
+		> a,
+		> span {
+			cursor: pointer;
+			flex: 0 0 auto;
+			margin-left: 5px;
+		}
+	} 
+}
+
+.sortablePlaceholder {
+	background-color: $wcfStatusWarningBackground;
+	border: 1px solid $wcfStatusWarningBorder;
+	color: $wcfStatusWarningText;
+	padding: 10px;
+	
+	&.sortableInvalidTarget {
+		background-color: $wcfStatusErrorBackground;
+		border-color: $wcfStatusErrorBorder;
+		color: $wcfStatusErrorText;
+	}
+}