i think one of the things that bugs me about RSS feeds is that there's zero feedback.
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko I'm fairly confident I can get that done in 20 minutes or so when I'm at my PC, assuming the web component architecture doesn't make it much more complicated. I'll check it out sometime tonight.
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian thank you, that would be very helpful. i assume the git repo maintainers wouldn't mind some help with that, either
EDIT: taking out the style="width : 1024px" helped a bit on mobile actually but there's still a lot wrong with this >_>
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by [email protected]
@eniko Ok, quick and dirty fixes:
In the custom CSS for the Mastodon comments, change
--font-color: #5d686f;
to
--font-color: currentColor;--block-background-color: #f7f8f8;
to
--block-background-color: #80808010;And then at the very end (outside of the curly brackets for mastodon-comments) add this:
@media (max-width: 40rem) {
.mastodon-comment .author {
display: block !important;
}
}That looks like it covers the most important parts, let me know if it does the job.
-
Julian Fietkaureplied to Julian Fietkau last edited by
@eniko Also, the content text of the comments being center-aligned looks unintentional to my eyes, did you mean to do that? If not, you can add:
.mastodon-comment {
text-align: left;
} -
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian was about to head to bed but did this real quick, and that's a lot better, thank you!
i can tweak some of the more general aesthetics from here i think
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko Cool, happy to help. I ended up doing it without a grid since I'm actually still on the train and can only really work with one-liner type CSS right now. But luckily that one looks passable on mobile. The trick for the comment background color was to set it to a medium gray but make it almost fully transparent, that way it works in light and dark mode and I don't need to introduce a different dark mode palette. (You could do that with prefers-color-scheme if you want to.)
Sleep well!
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian someone asked a good question about using mastodon for blog comments: is there any way to moderate them? i assume just because i block someone, that won't stop their post showing up
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko That's correct, yes. What you could do though is add a list of IDs of the specific posts you'd like to block to the page's source code, and then also modify the comment loading script to filter those specific comments.
Alternatively, there are ways to make the comment loading API call go through your account (which would make it respect your blocks), but that's not compatible with doing it in JavaScript because the token needed for that would grant people general access to your account.
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian hmm, that's a bit unfortunate. yeah i guess once that comes up i'll have to make an addition to my json for blocked comments
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko The code doesn't currently surface the post ID of each comment, but if you want to hide all comments by a specific person, you can currently do that in pure CSS:
.mastodon-comment:has(.author .user[href="https://peoplemaking.games/@eniko"]) {
display: none;
}They'll still appear in the page source code, but maybe that's not so much of a bother. I guess slurs and illegal content and such would get removed by your server's moderation anyway.
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian yeah, i suspect it's probably not that big of a problem
-
Julian Fietkaureplied to Julian Fietkau last edited by
@eniko (The profile address there is supposed to start with "https://", it's just reformatted by Mastodon.)
Wait no, the post ID is actually in the date link! So you can hide a specific comment like this:
.mastodon-comment:has(.author .date[href="https://peoplemaking.games/@eniko/113136659568980775"]) {
display: none;
}(Same link situation here: this is supposed to be the full URL starting with "https://".)
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko In practice yeah, I haven't had to do any comment blocking so far.