danieltj wrote: Fri Jan 10, 2025 11:01 am
Based on what I've read so far, it's safe to assume that hacking together bits of JavaScript and CSS is clearly not the way to do this. If that works for you then power to you...
I used custom CSS just to clean up the default presentation for ignored and deleted posts. IOW, not an addition to the default ignore system, just a way of making it less obtrusive and reducing the amount of scrolling required.
ignored_posts.png
This had been very popular, because people really do not want to read the default ignored posts blurb (including the username of their foes). They just want to know it's a post they're ignoring and can skip without worrying about it. As I said, deleted posts get the same treatment for the staff. The link to view the post is still functional if required. It's clean and effective. IMO this is a valid use of CSS.
Code: Select all
.postbody > .ignore {
position: relative;
overflow: hidden;
height: 16px;
padding: 2px 4px 0;
font-size: 12px !important;
line-height: 16px;
}
.postbody > .ignore::before {
display: block;
font-style: italic;
content: 'Ignored post.';
}
.postbody > .ignore a {
position: absolute;
top: 0;
right: 4px;
}
.postbody > .ignore a::before {
display: block;
padding: 2px 4px 0;
content: 'Here be dragons.';
}
This is all on default markup. No template hacks are required.
Code: Select all
<div class="ignore" id="post_hidden138261">
<strong>
<a href="./memberlist.php?mode=viewprofile&u=91" style="color: #BF8040;" class="username-coloured">
Foe Name
</a>
</strong>, who is currently on your ignore list, made this post.
<br>
<a class="display_post" data-post-id="138261" href="./viewtopic.php?p=138261&view=show#p138261">
Display this post
</a>
</div>
And yes, I added the CSS to an extension we were already running (one of mine) so it applies to all styles. ZOMG, Gumboots will actually use extensions sometimes. Don't tell anyone.
You do not have the required permissions to view the files attached to this post.