Re: Mobile-friendly Nabble

Posted by Pedro on Mar 13, 2014; 3:02pm
URL: https://support.nabble.com/Mobile-friendly-Nabble-tp7589640p7589810.html

Please, use this override for now, until I find a better solution.

 <override_macro name="classic_row_with_big_avatar" requires="node, node_list">
     <script type="text/javascript">
         $(document).ready(function() {
         if (jQuery.browser.mobile) {
         
         $(".classic-right-menu").css("display","none");
         $(".mob-menu").css("display","block");        
         
         }
         });
     </script>
    <div class="classic-row">
        <div class="classic-header">
            <div class="classic-bar shaded-bg-color rounded-top">
                <div class="classic-author-name nowrap">
                    <n.owner.user_link/>
                </div>
                <div class="classic-right-menu shaded-bg-color weak-color" >
                    <n.reply_link/> |
                    <n.threaded_link/> |
                    <n.post_dropdown/>
                    &nbsp;
                    <n.report_flag/>
                </div>
                <div class="classic-subject-line">
                    <n.red_arrow_icon/>
                    <n.classic_post_date/>
                    <n.classic_subject_line/>
                </div>
            </div>
        </div>
        <table class="classic-body">
            <tr>
                <td class="classic-author shaded-bg-color rounded-bottom">
                    <n.classic_big_avatar_cell/>
                    <div id="mob-menu" class="mob-menu" style="text-align: left; line-height: 20px; margin: 5px 25px; display:none;">
                        <n.reply_link/><br/>
                        <n.threaded_link/><br/>
                        <div class="menu_spot"></div>
                        <n.post_dropdown/>
                        <n.report_flag/>
                    </div>
                </td>
                <td class="classic-message">
                    <n.classic_message_cell/>
                </td>
            </tr>
        </table>
    </div>
</override_macro>