Add optimizations for mobile devices (WIP)

diff --git a/files/style/conversation.less b/files/style/conversation.less
index b4f77724e350d57b0f154c04766e5ce4c769ed3e..e21ec79a2d015fbb56b6c520b49327f702b38cb5 100644 (file)
--- a/files/style/conversation.less
+++ b/files/style/conversation.less
@@ -75,4 +75,24 @@
                position: relative;
                top: -3px;
        }
+}
+
+@media only screen and (max-width: 640px) {
+       .conversationList {
+               thead {
+                       display: none;
+               }
+               
+               tbody {
+                       .columnMark,
+                       .columnReplies,
+                       .columnParticipants,
+                       .columnLastPost,
+                       .conversationEditLink,
+                       .conversationParticipantSummary,
+                       .columnSubject .statusDisplay {
+                               display: none;
+                       }
+               }
+       }
 }
\ No newline at end of file

diff --git a/templates/conversationList.tpl b/templates/conversationList.tpl
index 4f1fe9186228d2dd25f2a613f1a7771cfa2efd99..cdd1eb275fdee66b818f56173f4def466e99db24 100644 (file)
--- a/templates/conversationList.tpl
+++ b/templates/conversationList.tpl
@@ -36,6 +36,11 @@
                        new WCF.Conversation.Label.Manager('{link controller='ConversationList'}{if $filter}filter={@$filter}{/if}&sortField={$sortField}&sortOrder={$sortOrder}&pageNo={@$pageNo}{/link}');
                        new WCF.Conversation.Preview();
                        new WCF.Conversation.MarkAsRead();
+                       
+                       // mobile safari hover workaround
+                       if ($.browser.mobile) {
+                               $('.sidebar').addClass('mobileSidebar').hover(function() { });
+                       }
                });
                //]]>
        </script>
@@ -196,11 +201,11 @@
                                                        <small>
                                                                <a href="{link controller='User' object=$conversation->getUserProfile()->getDecoratedObject()}{/link}" class="userLink" data-user-id="{@$conversation->userID}">{$conversation->username}</a>
                                                                - {@$conversation->time|time}
-                                                               <span class="jsOnly">- <a class="jsConversationInlineEditor">{lang}wcf.global.button.edit{/lang}</a></span>
+                                                               <span class="jsOnly conversationEditLink">- <a class="jsConversationInlineEditor">{lang}wcf.global.button.edit{/lang}</a></span>
                                                        </small>
                                                        
                                                        {if $conversation->getParticipantSummary()|count}
-                                                               <small>
+                                                               <small class="conversationParticipantSummary">
                                                                        {assign var='participantSummaryCount' value=$conversation->getParticipantSummary()|count}
                                                                        {lang}wcf.conversation.participants{/lang}: {implode from=$conversation->getParticipantSummary() item=participant}<a href="{link controller='User' object=$participant}{/link}" class="userLink{if $participant->hideConversation == 2} conversationLeft{/if}" data-user-id="{@$participant->userID}">{$participant->username}</a>{/implode}
                                                                        {if $participantSummaryCount < $conversation->participants - 1}{lang}wcf.conversation.participants.other{/lang}{/if}