Forum Display Enhancements - Split replies/views like vb3

This mod splits replies/views on threadbit like on a vb3 forum.

changelog:

v1.0
initial release

v1.1
updated the css code

v1.2
updated the css code

v1.3
updated the css code

Two files are included in the zip-file:

• split_replies_views_like_vb3_v_1_3.txt for new install
• split_replies_views_like_vb3_ updatev1_2_to_v1_3.txt to update from v1.2 to v1.3

Added a fix for new post search in what's new, caussed by the changes from split replies/views like vb3.

[stevieb]

Originally Posted by peugeot405

.threadbit .threadstats {
    height: 29px;
    padding: 1.2% 0 0;
    text-align: center;
    width: 7%;
}

is missing in additional.css

You did it - take a look

Well done, thank you

[peugeot405]

i noticed it, i was on your site

no problem, glad it got solved.

[stevieb]

Next question, how do I do this on the main forum homepage

Also, on the code we just edited, when you search new posts/todays posts the forum name at the end overlaps the tick box - is it possible to drop the text a few pixels to avoid that happening?

In firebug it suggests if I edit .threadbit .threadimod input and give it a top:-10px; it lifts the tick box a bit....

Is that best way to fix it do you think?

[peugeot405]

Originally Posted by stevieb

Next question, how do I do this on the main forum homepage

with this one:


Split posts/treads like vb3

[stevieb]

Originally Posted by peugeot405

with this one:


Split posts/treads like vb3

will I have the same or likely issues though haha

[stevieb]

Originally Posted by stevieb

Also, on the code we just edited, when you search new posts/todays posts the forum name at the end overlaps the tick box - is it possible to drop the text a few pixels to avoid that happening?

In firebug it suggests if I edit .threadbit .threadimod input and give it a top:-10px; it lifts the tick box a bit....

Is that best way to fix it do you think?

I edited this post and added the following.....

Thanks

[stevieb]

Originally Posted by stevieb

Also, on the code we just edited, when you search new posts/todays posts the forum name at the end overlaps the tick box - is it possible to drop the text a few pixels to avoid that happening?

In firebug it suggests if I edit .threadbit .threadimod input and give it a top:-10px; it lifts the tick box a bit....

Is that best way to fix it do you think?

I just added this to the bottom of the additionalcss code you provided:

.threadbit .threadimod input {
 top: -10px;
}

Tick boxes are now perfectly aligned

[peugeot405]

Originally Posted by stevieb

Next question, how do I do this on the main forum homepage

Also, on the code we just edited, when you search new posts/todays posts the forum name at the end overlaps the tick box - is it possible to drop the text a few pixels to avoid that happening?

In firebug it suggests if I edit .threadbit .threadimod input and give it a top:-10px; it lifts the tick box a bit....

Is that best way to fix it do you think?

You can do it that way, but it put's the box almost on the top.

Another way is:

find:

.threadbit .threadlastpost {
    clear: right;
    display: block;
    float: left;
    padding: 0.5% 0 0;
    width: 33%;
}

replace with

.threadbit .threadlastpost {
    clear: right;
    display: block;
    float: left;
    padding: 0.5% 0 0;
    width: 30%;
}

find:

.threadlisthead span.threadlastpost {
    padding-left: 0;
    text-align: left;
    width: 33%;
}

replace with:

.threadlisthead span.threadlastpost {
    padding-left: 0;
    text-align: left;
    width: 30%;
}

That way the tick nox stays centered.

[stevieb]

Originally Posted by peugeot405

You can do it that way, but it put's the box almost on the top.

Another way is:

find:

.threadbit .threadlastpost {
    clear: right;
    display: block;
    float: left;
    padding: 0.5% 0 0;
    width: 33%;
}

replace with

.threadbit .threadlastpost {
    clear: right;
    display: block;
    float: left;
    padding: 0.5% 0 0;
    width: 30%;
}

find:

.threadlisthead span.threadlastpost {
    padding-left: 0;
    text-align: left;
    width: 33%;
}

replace with:

.threadlisthead span.threadlastpost {
    padding-left: 0;
    text-align: left;
    width: 30%;
}

That way the tick nox stays centered.

Thanks

Ok tried it but as we have some long forum names it'll never work 100% so I altered the table sizes thanks to the code above but then also added this at the base to give us that leeway on longer thread names:

.threadbit .threadimod input {
 top: -10px;
}

[stevieb]

Hi again

Just noticed when someone is not using a large screen (or mobile) things go slightly off

For example on the main index page (of our site) if you minimise the page to 50% or so you'll see this effect:

Attachment 145950

As you can see, the posted date goes below the linespace - it seems to do it when the title is too big and pushes onto two lines?

Likewise, on the todays posts/new posts search page the following error occurs:

Attachment 145951

As you can see the views/replies get pushed down when too big numbers...


Any idea? Sorry to be a pain