XF 2.3 Way to add page numbers/back-forward at top of posts?

[zzlpolitics]

Any way to get those options at the top of posts? A little extra.less "hack the planet" magic?

Thanks in advance as always.

 

[Kirby]

Resource icon H

Show Top Page Navigation on Thread on Mobile Device

Feb 4, 2019

Show Top Page Navigation on Thread on Mobile Device

• HappyWorld
• Template modifications [2.x]

 

[zzlpolitics]

Can't thank you enough. I apparently need to learn how to search better.

One thing though, anyone wandering by have any idea how to remove that same thing from the topics list now? The general user is not looking to go pages back on the topics list every time they are browsing so it's taking up a lot of space. If they want to do that, they can just scroll to the bottom.

But it looks great on the posts!

 

[Old Nick]

If I understand well what you want, you can target the template:

[data-template="thread_view"] {
    @media (max-width: 480px) {
        .block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow) {
            display:block;
        }
    }
}

 

[zzlpolitics]

If I understand well what you want, you can target the template:

[data-template="thread_view"] {
    @media (max-width: 480px) {
        .block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow) {
            display:block;
        }
    }
}

No but, you understood me perfectly and it looks great. I wish you could split the solution with this solution system by the way.

Thanks so much!

 

[Kirby]

If I understand well what you want, you can target the template:

[data-template="thread_view"] {
    @media (max-width: 480px) {
        .block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow) {
            display:block;
        }
    }
}

That will only work for discussion threads, not for other types (question, article, etc.).

More generalized approach

[data-template^="thread_view"]
{
    @media (max-width: 480px)
    {
        .block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow)
        {
            display:block;
        }
    }
}

 

[Old Nick]

@Kirby so just the ^ make the difference? It calls type-question, type-suggestion, etc.?
Great!
Thanks.

 

[Kirby]

Yup

Attribute selectors - CSS: Cascading Style Sheets | MDN

The CSS attribute selector matches elements based on the element having a given attribute explicitly set, with options for defining an attribute value or substring value match.

developer.mozilla.org