Ok, I've tried and I can't get it any better. The best way to solve this problem is to do this small CSS edit in EXTRA.css.Yeah well, you could add this to EXTRA.css:
Code:.messageList .message { padding-top: 40px; }
It works, but of course it puts quite a lot of spacing between posts. But you'll notice a similar thing on TheVerge. It's mostly padding - but not padding on the bar. That wouldn't work. It's padding on the content, between the sections.
I'm just going to try one more thing which might be a technique that they employ...
How did you position it? You can break wrappers by using negative margin-top or similar. By looking at the way xenforo handles it, it might pose a challenge. I think actually the best way is to create a margin or padding at the top of message content. I just checked my style, it has a 15px padding and 15 px margin, which aligns the text much better with the arrow from the postbit. I don't use this bar, but rather Forsaken's version.That's what I was testing but I couldn't get it to work... let me try again.
I have done a template modification on the "message" template which changes:How did you position it? You can break wrappers by using negative margin-top or similar. By looking at the way xenforo handles it, it might pose a challenge. I think actually the best way is to create a margin or padding at the top of message content. I just checked my style, it has a 15px padding and 15 px margin, which aligns the text much better with the arrow from the postbit. I don't use this bar, but rather Forsaken's version.
<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
<a name="{$messageId}" class="anchor">{$messageId}</a>
<li class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
.anchor
{
display: block;
visibility: hidden;
line-height: 0;
font-size: 0;
position: relative;
top: -40px;
}
I did not know what you were talking about so I went on my site and clicked on a quote link.I have done a template modification on the "message" template which changes:
Code:<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
to
Code:<a name="{$messageId}" class="anchor">{$messageId}</a> <li class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
This removes the id which the anchor uses from the message list item and above the list item adds a dedicated anchor with the appropriate name. (I've not tested this thoroughly as I've run out of time so we'll have to see if it breaks anything)
Then the anchor class is defined as such:
Code:.anchor { display: block; visibility: hidden; line-height: 0; font-size: 0; position: relative; top: -40px; }
So the anchor area is completely hidden, but it's moved upwards by -40px.
Therefore, it takes into account the height of the bar.
I have done a template modification on the "message" template which changes:
Code:<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
to
Code:<a name="{$messageId}" class="anchor">{$messageId}</a> <li class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
This removes the id which the anchor uses from the message list item and above the list item adds a dedicated anchor with the appropriate name. (I've not tested this thoroughly as I've run out of time so we'll have to see if it breaks anything)
Then the anchor class is defined as such:
Code:.anchor { display: block; visibility: hidden; line-height: 0; font-size: 0; position: relative; top: -40px; }
So the anchor area is completely hidden, but it's moved upwards by -40px.
Therefore, it takes into account the height of the bar.
Reinstall with this one: http://xenforo.com/community/attachments/8thos-bar-5-zip.30921/Can't thank you enough! Great work! Works perfectly so far.
Damn.Great addon 8thos! I always found it a waste of time to scroll to the top for search
I think the search bar's opacity should be 100%. The node latest posts are distracting to look at.
There is a small bug. I'm testing this on 8thos.com with firefox and opera. Try this :
1) Click on search bar
2) Click on the "Newer than :" box.
3) The calendar pops up, now scroll down or up. The calendar doesn't follow the bar.
Did you revert back to the old version? I've just checked the source code of your site and can't see my changes.I tried that one and there was no difference. I hate to ask but can one of you upload a video of what your talking about?
We use essential cookies to make this site work, and optional cookies to enhance your experience.