From 74a6f0de3b3ce5e1eeb90ffac34698ecfc926e3c Mon Sep 17 00:00:00 2001
From: Matthias Schmidt <gravatronics@live.com>
Date: Sun, 21 Aug 2016 09:38:33 +0200
Subject: [PATCH] Hide media clipboard checkbox on smaller devices

---
 com.woltlab.wcf/templates/mediaListItems.tpl                | 4 ++--
 wcfsetup/install/files/acp/templates/mediaListItems.tpl     | 4 ++--
 .../files/js/WoltLabSuite/Core/Media/Manager/Base.js        | 3 ++-
 wcfsetup/install/files/style/ui/media.scss                  | 6 ++++++
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/com.woltlab.wcf/templates/mediaListItems.tpl b/com.woltlab.wcf/templates/mediaListItems.tpl
index e89df8171e..70e06b7153 100644
--- a/com.woltlab.wcf/templates/mediaListItems.tpl
+++ b/com.woltlab.wcf/templates/mediaListItems.tpl
@@ -10,8 +10,8 @@
 		
 		<nav class="jsMobileNavigation buttonGroupNavigation">
 			<ul class="buttonList iconList">
-				<li>
-					<a><label><input type="checkbox" class="jsClipboardItem jsMediaCheckbox" data-object-id="{@$media->mediaID}"></label></a>
+				<li class="mediaCheckbox">
+					<a><label><input type="checkbox" class="jsClipboardItem" data-object-id="{@$media->mediaID}"></label></a>
 				</li>
 				{if $__wcf->session->getPermission('admin.content.cms.canManageMedia')}
 					<li class="jsMediaEditButton" data-object-id="{@$media->mediaID}">
diff --git a/wcfsetup/install/files/acp/templates/mediaListItems.tpl b/wcfsetup/install/files/acp/templates/mediaListItems.tpl
index e89df8171e..70e06b7153 100644
--- a/wcfsetup/install/files/acp/templates/mediaListItems.tpl
+++ b/wcfsetup/install/files/acp/templates/mediaListItems.tpl
@@ -10,8 +10,8 @@
 		
 		<nav class="jsMobileNavigation buttonGroupNavigation">
 			<ul class="buttonList iconList">
-				<li>
-					<a><label><input type="checkbox" class="jsClipboardItem jsMediaCheckbox" data-object-id="{@$media->mediaID}"></label></a>
+				<li class="mediaCheckbox">
+					<a><label><input type="checkbox" class="jsClipboardItem" data-object-id="{@$media->mediaID}"></label></a>
 				</li>
 				{if $__wcf->session->getPermission('admin.content.cms.canManageMedia')}
 					<li class="jsMediaEditButton" data-object-id="{@$media->mediaID}">
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Media/Manager/Base.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Media/Manager/Base.js
index 18b74f921a..995733bab3 100644
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Media/Manager/Base.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Media/Manager/Base.js
@@ -414,6 +414,7 @@ define(
 			buttonGroupNavigation.appendChild(buttons);
 			
 			var listItem = elCreate('li');
+			listItem.className = 'mediaCheckbox'; 
 			buttons.appendChild(listItem);
 			
 			var a = elCreate('a');
@@ -423,7 +424,7 @@ define(
 			a.appendChild(label);
 			
 			var checkbox = elCreate('input');
-			checkbox.className = 'jsClipboardItem jsMediaCheckbox';
+			checkbox.className = 'jsClipboardItem';
 			elAttr(checkbox, 'type', 'checkbox');
 			elData(checkbox, 'object-id', media.mediaID);
 			label.appendChild(checkbox);
diff --git a/wcfsetup/install/files/style/ui/media.scss b/wcfsetup/install/files/style/ui/media.scss
index f00aa80638..66032485dc 100644
--- a/wcfsetup/install/files/style/ui/media.scss
+++ b/wcfsetup/install/files/style/ui/media.scss
@@ -159,6 +159,12 @@
 				}
 			}
 		}
+		
+		@include screen-md-down {
+			> .buttonGroupNavigation .mediaCheckbox {
+				display: none !important;
+			}
+		}
 	}
 }
 
-- 
2.20.1