Fixed Sub-forum list untidy with long node titles

[Chris D]

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"'}>

To:

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

And added the associated CSS to node_list.css:

.textOverflow
{
    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.

 

[Alpha1]

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.

A toggle would be nice. Partially hiding node titles can negatively affect SEO.

 

[Chris D]

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 ... "

 

[CyberAP]

A toggle would be nice. Partially hiding node titles can negatively affect SEO.

No, it can't. This is a representative thing, not a content replacement.

 

[Alpha1]

Thanks. I missed that.

 

[Mike]

Good catch.

 

[Stuart Wright]

@Chris Deeming I'm finding that the ellipsis doesn't work on internet explorer unless you also add
word-wrap: normal;
(Cryptically answered here: http://stackoverflow.com/questions/14664195/text-overflowellipsis-doesnt-work-on-ie and once added, fixes the issue for me)
I'd do this, in the right place, but I can't find the definition for .textOverflow in our templates, so I've added it to the end of avforums.css and it works.