Meghan (she/her)

Posted on Sep 13, 2018

I really don't like the reactions stickied at the bottom of the screen.

#meta

I feel really bad this is my first post in a while, life's been really busy lately, but I just got the update that puts the article reactions stickied to the bottom of the screen (at least on desktop, haven't checked on mobile) but I really don't like it and it feels like a very unnecessary and unnatural too. After the article but before the comments is exactly when the user should be sending those reactions. After reading the whole article. And when you're reading the comments the reactions take up space because by then you already left your reaction.

I'll delete this tomorrow probably but I wanted to get my thoughts out there and see if maybe I'm thinking about it all wrong.

💖 you DEV

Top comments (12)

Ben Halpern • Sep 13 '18

I thought this too at first (hence the initial design), but got this request enough and started finding myself scrolling back up to reread something and then wanting to react where I was.

Anyway, I'm in favor of making this configurable in user settings. We currently don't have any UI settings really per se, but this could fit that use case.

This change could be entirely reverted with some CSS injection if you want to experiment with that yourself.

Meghan (she/her) • Sep 13 '18

Interesting! I'll look into the user style and see if I go back, thanks for the quick response 😃 The CSS for anyone interested is:

.container .article-actions {
    position: initial;
    border: none;
    box-shadow: none;
}

Ben Halpern • Sep 13 '18

There were also some other minor changes to the padding in order to get back to the original. But yeah, that's the basic adjustment. 😄

No guarantee this will never break but should be fine for the foreseeable future.

Md Abu Taher • Sep 16 '18 • Edited

This post right now and,

The comments on this post,
Even the actual PR here discusses this.
All could have been turned into this changelog post instead to make sure everything was on one place.

It was a simple hack at start, now I am thinking of sticking it once it hits the end of the post. It feels fun to see things around. :D

Zack Dunn • Sep 19 '18 • Edited

Hi! I wrote up a proposal for allowing this to be customized.

Dev.to Interaction Bar

Zack Dunn

#meta#design#css

Vignesh M • Sep 14 '18

How about stick it to the left ?

.container .article-actions {
  display:flex;
  flex-direction: column;
  justify-content: space-around;
  width: 68px;
  height: 400px;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
}

ItsASine (Kayla) • Sep 13 '18

I think your interpretation works as long as bookmarking isn't an action.

I can see two workflows here:

Click article
Read article
React to article (heart/unicorn)
Comment on article

Click article
React to article (bookmark)

As a habitual bookmarker, I'm one of the ones that needed bookmarking to be available anywhere. At its core, I don't care for reacting to be tied to bookmarking, but as long as those are considered the same thing, I love being able to react anywhere on the page as opposed to having to scroll past an article I want to read later just to flag it for later.

Meghan (she/her) • Sep 14 '18

This depends on whether you use bookmarking as a way to remember good articles or save them for later reading. It would be interesting to see a convergence of these two where heart/unicorn/dislike stay in between the article and the comments with the bookmark moved off to the side but staying with the viewport as you scroll.

ItsASine (Kayla) • Sep 14 '18

I made a Gitlab Snippet for that subset of "bookmark for later because it's a good resource" articles to keep my reading list purely "to read." It'd be nice if there was a way in site to do both separately, though.

Andy Zhao (he/him) • Sep 13 '18

After the article but before the comments

Personally agree with this sentiment. I think it would be cool to have it float until the comments, and then stay where it is. Overall though I'm a fan of the new change.