Post footer modification

[flohse]

Hello Glenn,

would you be willing to share the CSS customization for your post footer in exchange for some coffee? I suppose it is pure CSS? The default layout takes up too much space in my case. I’ve already seen users here on the forum who’ve adapted it for their own forums.



Thanks in advance.

[glennrocksvb]

flohse, Sure. Can you show how the post footer looks like on your forum?

[flohse]

glennrocksvb

I am running vBulletin 6.2.0 and have this post standard footer:



As you can see the "To Bottom" and "To Top" buttons are a slightly misaligned. I couldn't figure it out how to fix this. Maybe you can help with this also?

The problem with a usual browser width is that most of the buttons are collapsed to three dots.



So I would like to have a similar post footer like in your forum and also to wrap buttons to the next line if they don't fit in one line to avoid collapsing to the three dots.

[glennrocksvb]

When the post footer controls don't fit the available space, vB collapses them into a 3-dot control that opens them in a dropdown. That's the default behavior implemented in vB6. But if a control has "js-comp-menu--exclude-from-dropdown" CSS class in it, it will be excluded from the dropdown and will not be collapsed. That's how the Add to Bookmark, Bottom and Top mods are not collapsed. I made those mods to be always visible and easily accessible since I think these are primary controls that should always be visible.

vBulletin doesn't provide any option to configure which controls are excluded from the dropdown or not.

[glennrocksvb]

As for the alignment, try adding this in css_additional.css template:

.b-post-control {
    margin-top: 0;
}

[flohse]

As for the alignment, try adding this in css_additional.css template:

.b-post-control {
margin-top: 0;
}

This worked, but I had to adjust the height a little bit.

/*************** Align Post Footer To Bottom and To Top buttons ***************/

.b-post-control {
    margin-top: 0;
    height: 20px;
}

[glennrocksvb]

would like to exclude the "Add to Bookmarks", "Translate", "Edit", "Quote", "Comment", "Flag", "Set as Answer", "To Bottom" and "To Top" from collapsing on desktop and "Add to Bookmarks", "Edit", "To Bottom" and "To Top" on mobile view.

I will release this mod soon.

[flohse]

Waiting ...

[glennrocksvb]

Here you go!

https://vbmods.rocks/forum/vbulletin-6-modifications/vbulletin-6-products-and-extensions/33994-uncollapse-post-footer-controls-for-vbulletin

[flohse]

Unfortunately it does not work for me.

Mod setting:



But controls are still collapsed.

[glennrocksvb]

Please try clearing your browser cache and cookies.

[glennrocksvb]

If it still doesn't work, then I may need a test account on your forum to be able to debug the issue. It doesn't have to be an admin. But I will only be able to look at it tomorrow. It's already late here.

[flohse]

Tried without success. I have used Firefox with cleared cache and cookies.

[flohse]

I have found the cause for my problem. The autoblocker.js script from my Usercentric Consent Management Platform interferes with this mod. Without the use of the autoblocker.js script the mod works as expected. So there is no more need for troubleshooting and your mod does what it's supposed to do.

[glennrocksvb]

Glad to hear the mod is working. I wonder how you made it work together with autoblocker.js. Did you whitelist or ignore the mod in the Usercentric settings?