XF 1.x edit and report like pixelexit

BlackSS

Registered
Hi,
Sorry for all the questions.
I have been meaning to ask.

Would it be possible for my theme to have the edit report dropdown on normal desktop computer the same as mobile please?

I have a issue where my like button etc mash up together on desktop view. This would be great if possible please?

Style Archon.
 

Attachments

  • Untitled6.jpg
    Untitled6.jpg
    31.7 KB · Views: 8

Russ

Pixel Exit Staff
Use the admin search top right, look for: xb_message_controls_menu_width

Change that to something super high, like 10000px and it will always show the dropdown menu. Is that what you're after?
 

Russ

Pixel Exit Staff
Edit template: conversation_message, replace entire contents with:

Code:
<xen:include template="message">
   
    <xen:set var="$messageId">message-{$message.message_id}</xen:set>
   
    <xen:set var="$messageContentAfterTemplate"><xen:if is="{$message.attachments}"><xen:include template="attached_files">
        <xen:map from="$message" to="$post" /></xen:include></xen:if></xen:set>
   
    <xen:set var="$messageAfterTemplate">
        <div class="messageMeta">
            <div class="privateControls">
            <xen:if is="@xb_message_layout != 1">
                <span class="item muted"><xen:username user="$message" class="author" />, 
                    <a href="{xen:link conversations/message, $conversation, 'message_id={$message.message_id}'}" class="datePermalink"><xen:datetime time="$message.message_date" /></a>
                </span>
            </xen:if>
           
            </div>
           
            <xen:if hascontent="true">
            <div class="privateControls convoMenu">
                <div class="Popup privateControlsPopup item">
                    <a href"#" rel="Menu" class="cloaked" data-closemenu="true"><span class="menuIcon">{xen:phrase menu}</span></a>
                    <div class="Menu JsOnly privateControlsLinks">
                        <div class="primaryContent menuHeader">
                                <h3>{xen:phrase controls}</h3>
                        </div>
                        <ul class="secondaryContent blockLinksList">
           

                <xen:hook name="conversation_message_private_controls" params="{xen:array 'message={$message}'}">
                <xen:if is="{$message.canEdit}">
                    <li><a href="{xen:link 'conversations/edit-message', $conversation, 'm={$message.message_id}'}"
                        class="item control edit {xen:if $xenOptions.messageInlineEdit, OverlayTrigger}"
                        data-overlayOptions="{&quot;fixed&quot;:false}" 
                        data-href="{xen:link conversations/edit-message-inline, $conversation, 'm={$message.message_id}'}"
                        data-messageSelector="#message-{$message.message_id}"><span></span>{xen:phrase edit}</a></li>
                    <xen:require js="js/xenforo/discussion.js" />
                </xen:if>
                <xen:if is="{$message.canReport}">
                    <li><a href="{xen:link 'conversations/report', $conversation, 'message_id={$message.message_id}'}" class="OverlayTrigger item control report" data-cacheOverlay="false"><span></span>{xen:phrase report}</a></li>
                </xen:if>
                </xen:hook>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="publicControls">
                <xen:contentcheck>
                    <xen:hook name="conversation_message_public_controls" params="{xen:array 'message={$message}'}">
                    <xen:if is="{$canReplyConversation}">
                        <a href="{xen:link 'conversations/reply', $conversation, 'm={$message.message_id}'}"
                            class="item control reply ReplyQuote"><span></span>{xen:phrase reply}</a>
                    </xen:if>
                    </xen:hook>
                </xen:contentcheck>
            </div>
            </xen:if>
        </div>
    </xen:set>
   
</xen:include>

Finally, add this to extra.css:

Code:
.message .privateControls.convoMenu {
    float: right;
    margin-left: 10px;
}

See if that works for you.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.