XF 1.2 Sub forum display

Gazhyde

Well-known member
I'm looking at tweaking my forum list, and using sub-forums a bit more.

If I display sub-forums, by default it shows like this...

upload_2013-9-18_15-18-16.webp

Would it be possible to change it to look like this?
upload_2013-9-18_15-19-37.webp

Thanks for any suggestions, or links to something I've clearly missed in search ;)
 
In node_list.css

Find:

Code:
        .node .subForumList li
        {
            float: left;
            width: 31%;
            margin: 2px 0 2px 2%;
        }

And Replace it with:

Code:
        .node .subForumList li
        {
            width: 31%;
            margin: 2px 0 2px 2%;
        }
(Remove the float: left; bit)
 
As an aside, I had to tweak width to 100% or it didn't look right as the screen width decreased...

Then noticed that when on mobile view there is no indication of sub-forums.
upload_2013-9-18_16-4-1.webp

Same here on xf.com :confused: Is this an known 'issue', or as designed?

upload_2013-9-18_16-6-39.webp

Shows as this in responsive...

upload_2013-9-18_16-7-11.webp
 
In node_list.css again, you could remove this (near the bottom):

Code:
    .Responsive .node .subForumList,
    .Responsive .subForumsPopup
    {
        display: none;
    }

And maybe remove this too:

Code:
    .Responsive .node .subForumList li
    {
        width: 48%;
    }
 
Removing the first section gives this... At least there is some indication that there is more to see!

upload_2013-9-18_16-37-28.webp

Removing the second section doesn't appear to make any obvious difference that I can see.
 
Just a quick note if anyone follows this thread!

Having just upgraded my dev site to 1.2.2, I've noticed in the changelog there was a change to node_list.css
node_list.css
Make sub-forum titles not wrap and be hidden with text-overflow, adjust the responsive cutoff for when the sub-forum list is hidden.

This change is lovely, but it makes the 'new' indicator disappear off the edge of the screen. I'm personally not too worried about it, as it looks better than before. May revisit it later on.
2013-10-07 19.22.24.webp
 

Attachments

  • 2013-10-07 19.26.43.webp
    2013-10-07 19.26.43.webp
    19.3 KB · Views: 2
Top Bottom