Fixed Sub-forum list untidy with long node titles

Chris D

XenForo developer
Staff member

This is by no means a major issue, but when sub-forum node titles break over multiple lines, the layout doesn't look great.

The issue is further exasperated on custom styles where the font-size is different. And especially if other improvements have been made to the sub-forum list:


For AVForums I have fixed this by adding some text-overflow: ellipsis:

In node_forum_level_n template I have changed this:

<div {xen:if $forum.hasNew, 'class="unread"'}>

<div class="textOverflow{xen:if $forum.hasNew, ' unread'}">
And added the associated CSS to node_list.css:

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
This now produces something, I feel, is much neater:



Some people may have an issue with hiding part of the node title, in which case this could be made into a style property option that can be toggled. However, I think you'll agree in the above specific example, it's pretty clear from the well named titles what each forum is about, even with the ellipsis.

Chris D

XenForo developer
Staff member
Actually, as far as a bot or crawler would know, the full node title is still there.

The remaining text is only hidden using CSS.

Google should still see: "Home Cinema Buying, Setup and General Help"

Rather than what we see, which is: "Home Cinema Buying, Setup and General ... "