Fixes to responsive behaviour, adapted the look slightly closer to vanilla Mastodon, added ability to filter out 'self replies', added ability to format the date of each post. #19
Conversation
…erlay the user and date over each other. This is done with a flex layout, just like in vanilla Mastodon. Adapted the boosting user to look a little closer to vanilla Mastodon. The color is darker and the boost-icon was changed from '♺' to '�'. Added the option to exclude self-replies. The Mastodon API will return replies on the same user despite the exclude_replies argument being set to true. This will not be changed on Mastodon's side. Changed how the date is formatted. The users locale is used by default and the date is formatted like in vanilla Mastodon. The full date is present in the title attribute. Added the options override the default locale with the attribute and the date format options with the attribute.
There was a problem hiding this comment.
Hi there; thanks for putting this together, and so sorry it took me so long to take a detailed look! I have honestly been having a little trouble pulling apart the various pieces, so I'm not sure I'll be able to merge this as is… you're absolutely right about the problem with the date overlapping at small sizes, though, and I'd love to fix it. A bunch of my various flexbox experiments have failed, but maybe I can try again someday!
| el.dataset.excludeReplies === "true", | ||
| el.dataset.excludeReblogs === "true", | ||
| ); | ||
| )).filter(t => el.dataset.excludeSelfReplies === "true" && t.in_reply_to_account_id != null ? false : true ); |
There was a problem hiding this comment.
I'm not quite sure I understand this: the main expression is,
t.in_reply_to_account_id != null ? false : trueWhich I think is equivalent to:
t.in_reply_to_account_id === nullFirst, I just wanted to check that the above equivalence is true. Does it look that way to you? Second, it seems like this excludes all replies—which is sensible, but if so, maybe we should document it. (That is, this option skips all replies including self-replies.)
There was a problem hiding this comment.
Unfortunately, the filter would not work correctly anymore, the condition before the and matters as well.
This does work:
el.dataset.excludeSelfReplies !== "true" || t.in_reply_to_account_id === null
I did document this functionality and the reason for it in readme.md at line 29. My wording may be a bit wonky.
| } | ||
|
|
||
| .toot .boost:before { | ||
| content: "🔁"; /* changed from "♺" */ |
There was a problem hiding this comment.
TBH I wish there were a non-emoji character that looked more like this… as it stands, I'm worried this stands out a little too much?
|
If the space becomes too small for the name and date to be side by side, the date will be pushed above the name, still aligned to the right. |
2 participants
Changelog
data-localeattribute and the date format options with thedata-ts_formatattribute.I understand some of these changes are only stylistic and subject to personal taste, feel free to revert them as you wish. I generally tried to get this to look closer to vanilla Mastodon.