XF 2.2 Can't move actionBar, footer extension is getting in the way!

KSA

Well-known member
I am trying to make some rearrangement to post_macro templates but the way the extensions macro are arranged it is almost impossible to move things around now.:confused:

Here is what I want to accomplish

Move message-actionBar actionBar right above </article

1212.PNG

I spent about two hrs trying to figure it out until I finally gave up🙁

Any idea?
 
Solution
Just move this bit to the old location:

Screenshot_3.webp

Seems like it's working fine. You can find that reactionBar code inside the post_footer macro.
Move this code all the way to the top right above </article> where extension list is located and it seems to be behaving the way I want but I am not sure if I am doing it correctly or not
HTML:
    <xf:if contentcheck="true">
            <div class="message-actionBar actionBar">
                <xf:contentcheck>
                    <xf:macro name="post_action_bar" arg-post="{$post}" arg-thread="{$thread}" />
                </xf:contentcheck>
            </div>
        </xf:if>
 
Pretty easy:

Screenshot_1.png


Move the box right above the </article>.

Then some extra.less:

Code:
footer.message-footer
{
    background: #f5f5f5;
    padding: 0 5px;
    border-top: 1px solid #CCC;
    .actionBar-set
    {
        margin-top: 0;
    }
}

Article layout may need additional tweaks as the display is slightly different.

Result:
Screenshot_2.webp
 
Pretty easy:

View attachment 233125


Move the box right above the </article>.

Then some extra.less:

Code:
footer.message-footer
{
    background: #f5f5f5;
    padding: 0 5px;
    border-top: 1px solid #CCC;
    .actionBar-set
    {
        margin-top: 0;
    }
}

Article layout may need additional tweaks as the display is slightly different.

Result:
View attachment 233126

Thanks for the effort mate but if you hit the like button it will slide down 😅 That is why I want to move the action bar only so I can avoid this issue.
 
Just move this bit to the old location:

Screenshot_3.webp

Seems like it's working fine. You can find that reactionBar code inside the post_footer macro.
 
  • Like
Reactions: KSA
Solution
Top Bottom