Hide media clipboard checkbox on smaller devices

diff --git a/com.woltlab.wcf/templates/mediaListItems.tpl b/com.woltlab.wcf/templates/mediaListItems.tpl
index e89df8171ef4d43efc5c8b4b97253dc987c92594..70e06b7153a2ecfa6efb7663c361e0e91ad5dada 100644 (file)
--- 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 e89df8171ef4d43efc5c8b4b97253dc987c92594..70e06b7153a2ecfa6efb7663c361e0e91ad5dada 100644 (file)
--- 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 18b74f921a2c4bac71c10afd8fff078da4a97d2e..995733bab389cbb702d33c8f5a6fb53e78f388ac 100644 (file)
--- 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 f00aa80638660ca70d8131c0ddf494691a5e73dd..66032485dc83321e6a28475c23ab1fbd771b2c63 100644 (file)
--- 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;
+                       }
+               }
        }
 }