Mobile optimizations

diff --git a/com.woltlab.wcf/templates/moderationList.tpl b/com.woltlab.wcf/templates/moderationList.tpl
index ba90a8738b95d98202eafa308e438f50f5c74109..5a6531339336806e3d46da793b825cf3b3a638e5 100644 (file)
--- a/com.woltlab.wcf/templates/moderationList.tpl
+++ b/com.woltlab.wcf/templates/moderationList.tpl
@@ -80,7 +80,7 @@
 </div>
 
 {if $objects|count}
-       <div class="marginTop tabularBox tabularBoxTitle messageGroupList">
+       <div class="marginTop tabularBox tabularBoxTitle messageGroupList moderationList">
                <header>
                        <h2>{if $status == 2}{lang}wcf.moderation.doneItems{/lang}{else}{lang}wcf.moderation.outstandingItems{/lang}{/if} <span class="badge badgeInverse">{#$items}</span></h2>
                </header>
@@ -88,8 +88,8 @@
                <table class="table">
                        <thead>
                                <tr>
-                                       <th class="columnID{if $sortField == 'queueID'} active {@$sortOrder}{/if}" colspan="2"><a href="{link controller='ModerationList'}definitionID={@$definitionID}&assignedUserID={@$assignedUserID}&status={@$status}&pageNo={@$pageNo}&sortField=queueID&sortOrder={if $sortField == 'queueID' && $sortOrder == 'ASC'}DESC{else}ASC{/if}{/link}">{lang}wcf.global.objectID{/lang}</a></th>
-                                       <th class="columnText columnTitle">{lang}wcf.moderation.title{/lang}</th>
+                                       <th class="columnID{if $sortField == 'queueID'} active {@$sortOrder}{/if}"><a href="{link controller='ModerationList'}definitionID={@$definitionID}&assignedUserID={@$assignedUserID}&status={@$status}&pageNo={@$pageNo}&sortField=queueID&sortOrder={if $sortField == 'queueID' && $sortOrder == 'ASC'}DESC{else}ASC{/if}{/link}">{lang}wcf.global.objectID{/lang}</a></th>
+                                       <th class="columnText columnTitle" colspan="2">{lang}wcf.moderation.title{/lang}</th>
                                        <th class="columnText columnAssignedUserID{if $sortField == 'assignedUsername'} active {@$sortOrder}{/if}"><a href="{link controller='ModerationList'}definitionID={@$definitionID}&assignedUserID={@$assignedUserID}&status={@$status}&pageNo={@$pageNo}&sortField=assignedUsername&sortOrder={if $sortField == 'assignedUsername' && $sortOrder == 'ASC'}DESC{else}ASC{/if}{/link}">{lang}wcf.moderation.assignedUser{/lang}</a></th>
                                        <th class="columnDate columnLastChangeTime{if $sortField == 'lastChangeTime'} active {@$sortOrder}{/if}"><a href="{link controller='ModerationList'}definitionID={@$definitionID}&assignedUserID={@$assignedUserID}&status={@$status}&pageNo={@$pageNo}&sortField=lastChangeTime&sortOrder={if $sortField == 'lastChangeTime' && $sortOrder == 'ASC'}DESC{else}ASC{/if}{/link}">{lang}wcf.moderation.lastChangeTime{/lang}</a></th>
                                        
@@ -100,8 +100,8 @@
                        <tbody>
                                {foreach from=$objects item=entry}
                                        <tr>
-                                               <td class="columnIcon"><p class="framed">{@$entry->getUserProfile()->getAvatar()->getImageTag(32)}</p></td>
                                                <td class="columnID">{#$entry->queueID}</td>
+                                               <td class="columnIcon"><p class="framed">{@$entry->getUserProfile()->getAvatar()->getImageTag(32)}</p></td>
                                                <td class="columnText columnSubject">
                                                        <h3>
                                                                <span class="badge label">{lang}wcf.moderation.type.{@$definitionNames[$entry->objectTypeID]}{/lang}</span>

diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index 122f6a24b4460e9a3801782b5078288016fed211..75152d383304925ba0d81bae57a666a2ab47e11e 100644 (file)
--- a/wcfsetup/install/files/style/message.less
+++ b/wcfsetup/install/files/style/message.less
@@ -1020,3 +1020,17 @@ li:nth-child(2n+1) .message {
        }
 }
 
+@media only screen and (max-width: 800px) {
+       .moderationList {
+               thead {
+                       display: none;
+               }
+               
+               tbody {
+                       .columnAssignedUserID,
+                       .columnLastChangeTime {
+                               display: none;
+                       }
+               }
+       }
+}
\ No newline at end of file