Post Action Bars

swiftyste

Customer
Hello,

I'm looking into making action bar buttons to fit into threads/comments and just looking at various threads i came across:

XF 2.0 - Customising the post template | XenForo community

Time has changed since then and trying to edit it making it work into what i have now doesn't work well as expected but what i'm looking for is:

Screenshot_16.png


I'm not looking at changing anything else except bottom action bar, to making it look something like this. Any help will be much appreciated
 

Russ

Pixel Exit Staff
So this CSS would darken the bar making it somewhat like that with no template edits:

Code:
.message-cell.message-cell--main
{
    padding-bottom: 0;
    .message-actionBar.actionBar
    {
        background: #e2e2e2;
        border-top: 1px solid #b3b3b3;
        margin: @xf-messagePadding -@xf-messagePadding 0px -@xf-messagePadding;
        padding: 5px;
    }
}


Would that work or are you wanting it to span the entire message box including the user info on the left?
 

swiftyste

Customer
So this CSS would darken the bar making it somewhat like that with no template edits:

Code:
.message-cell.message-cell--main
{
    padding-bottom: 0;
    .message-actionBar.actionBar
    {
        background: #e2e2e2;
        border-top: 1px solid #b3b3b3;
        margin: @xf-messagePadding -@xf-messagePadding 0px -@xf-messagePadding;
        padding: 5px;
    }
}


Would that work or are you wanting it to span the entire message box including the user info on the left?
Just looking to move action bars downwards as it is within the image that's all, I feel it looks good for me with the user info as I use the drop down so it hides most or all within drop down.
 

Russ

Pixel Exit Staff
You'll need to edit post_macros

Find (line 68)

Code:
                            <xf:extension name="footer">
                                <xf:macro name="post_footer" arg-post="{$post}" arg-thread="{$thread}" />
                            </xf:extension>

Move right above the </article> on line 78

Then adjust your CSS to this:

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

swiftyste

Customer
You'll need to edit post_macros

Find (line 68)

Code:
                            <xf:extension name="footer">
                                <xf:macro name="post_footer" arg-post="{$post}" arg-thread="{$thread}" />
                            </xf:extension>

Move right above the </article> on line 78

Then adjust your CSS to this:

Code:
.message-footer .message-actionBar.actionBar
{
    background: #e2e2e2;
    border-top: 1px solid #b3b3b3;
    margin: 0;
    padding: 5px;
}
Thanks so much for your help!

Looking spot on! Now it's the hassle in making this work everywhere :D
 

Russ

Pixel Exit Staff
That's a lot :D

conversation_message_macros
Move the entire <footer> </footer> just above the </article>

Same thing for profile_post_macros
 

swiftyste

Customer
That's a lot :D

conversation_message_macros
Move the entire <footer> </footer> just above the </article>

Same thing for profile_post_macros
Tell me about it :ROFLMAO: Trying to make action bars fit while keeping everything looking good which doesn't always look pretty :unsure:

Thanks so much for your help! Once again
 

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.