From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 1 Oct 2016 13:24:40 +0000 (+0200)
Subject: Improved sortable lists on mobile
X-Git-Tag: 3.0.0_Beta_2~40
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=62f45dcad1223fcc28393360b30609eb4e86081f;p=GitHub%2FWoltLab%2FWCF.git

Improved sortable lists on mobile
---

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index 6c201d41a6..a43170be3a 100755
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -6300,6 +6300,7 @@ WCF.Sortable.List = Class.extend({
 			doNotClear: true,
 			errorClass: 'sortableInvalidTarget',
 			forcePlaceholderSize: true,
+			handle: '',
 			helper: 'clone',
 			items: 'li:not(.sortableNoSorting)',
 			opacity: .6,
diff --git a/wcfsetup/install/files/style/ui/listSortable.scss b/wcfsetup/install/files/style/ui/listSortable.scss
index b2404c1d57..874618339c 100644
--- a/wcfsetup/install/files/style/ui/listSortable.scss
+++ b/wcfsetup/install/files/style/ui/listSortable.scss
@@ -20,6 +20,7 @@
 .sortableNodeLabel {
 	align-items: center;
 	cursor: move;
+	overflow: hidden;
 	padding: 10px;
 	
 	/* `display:flex` acts weird inside lists with a visible list-style */
@@ -32,14 +33,24 @@
 	
 	> .icon,
 	> a {
-		flex: 0 0 auto;
 		margin-right: 5px;
 	}
 	
+	> .icon {
+		flex: 0 0 auto;
+	}
+	
+	> a {
+		flex: 0 1 auto;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	
 	> .statusDisplay {
 		align-items: center;
 		display: flex;
-		flex: 1 1 auto;
+		flex: 1 0 auto;
 		justify-content: flex-end;
 		
 		> a,
@@ -63,3 +74,14 @@
 		color: $wcfStatusErrorText;
 	}
 }
+
+@include screen-xs {
+	.sortableNodeHandle {
+		display: none;
+	}
+}
+@include screen-lg {
+	.sortableNodeHandle {
+		display: none;
+	}
+}