Skip Navigation
/kbin meta @kbin.social Eggyhead @kbin.social

Two requests for microblog incorporation into the main feed.

First off, I absolutely love that microblogs are a part of my main feed now.

I do have a couple requests to consider, I apologize if this isn't the place to post such a thing.

  1. I think an option to keep microblog replies inherently collapsed would keep the feed from feeling too cluttered.
  2. Perhaps microblog posts could be colored a little differently from threads to make them more easily distinguishable at a glance?
6
6 comments

  • The first request would definitely be a nice setting to have.

    As for the second one, I think microblog posts are pretty easy to distinguish from threads already, as everything's organized completely differently. There's no title, the avatar is in a different spot with a different shape, the upvote button is in a different spot, there's no downvote button, etc. I think changing the color would just be visually jarring more than anything.

    • That makes sense. I’m actually not used to microblogs, and I never actually got into Twitter, so the distinguishing characteristics don’t really stand out to me as much. I think the color variation would help me better process what I’m looking at.

      • I think the color variation would help me better process what I’m looking at.

        You can change the color yourself btw. The traditional method is to install the Stylus extension/addon, but I think kbin now lets you define your own styling in your profile settings, though I haven't tried it. (tried it now and this doesn't really seem possible there, has the same selector deletion issues as magazine css)

        In the HTML code, microblog posts and threads are represented differently. Posts are blockquote, while threads are article. This makes it easy to restyle them via userstyles.

        So you should be able to just

        div#content {
    > article {
        /* thread styling */
    }
    > blockquote {
        /* microblog post styling */
       background-color: red;
    }
}

        You can also define the color in rgb rgb(255,0,0) or hsl (hsl(0,100%,50%)).

You've viewed 6 comments.