I have just shipped our first draft of Inline Reacts for comments.
You can mouse over a piece of text on a comment, and a little Add React button will appear off to the right.
If you click on it, you’ll see the React palette, and you can then apply the react to that particular string of text. Once you’ve reacted, the reacted-snippet-of-text will appear with a dotted-underline while you’re moused over the comment, and it’s corresponding react-icon at the bottom of the comment will also show a dotted outline:
When you hoverover a react, it shows the inline-reacts in the hoverover, and they appear highlightd bright green on the post:
Possibilities for the future
Right now these are only enabled on this open thread. If they seem to be basically working we may give authors the option of using them.
Currently you can +1 individual inline reacts, but not −1 (it was unfortunately a lot gnarlier design-wise to implement anti-reacts for individual inline reacts). If inline reacts turn out to be useful/popular, and anti-reacting gets validated as useful, we’ll likely figure out a way to implement that.
I’d like to make the dotted-line-sections highlight their corresponding react button when you hoverover them, but that was also a bit trickier codewise.
Questions
Some particular questions I have:
how intuitive do you find this overall?
how do you feel about the current implementation of the “dotted underline”. Is it annoying to look at? It only appears while you’re mousing over the comment so it’s possible to read the comment without the react-underlines, but I wasn’t sure how that was going to feel in real life.
I inline-reacted to the first sentence of this comment. The comment takes up too much vertical space for the green highlighting to be visible when I hover over the react icon at the bottom though, so I have no way of seeing exactly what I reacted to while it is highlighted. Maybe hovering over underlined text should show the reaction?
I have just shipped our first draft of Inline Reacts for comments.
You can mouse over a piece of text on a comment, and a little Add React button will appear off to the right.
If you click on it, you’ll see the React palette, and you can then apply the react to that particular string of text. Once you’ve reacted, the reacted-snippet-of-text will appear with a dotted-underline while you’re moused over the comment, and it’s corresponding react-icon at the bottom of the comment will also show a dotted outline:
When you hoverover a react, it shows the inline-reacts in the hoverover, and they appear highlightd bright green on the post:
Possibilities for the future
Right now these are only enabled on this open thread. If they seem to be basically working we may give authors the option of using them.
Currently you can +1 individual inline reacts, but not −1 (it was unfortunately a lot gnarlier design-wise to implement anti-reacts for individual inline reacts). If inline reacts turn out to be useful/popular, and anti-reacting gets validated as useful, we’ll likely figure out a way to implement that.
I’d like to make the dotted-line-sections highlight their corresponding react button when you hoverover them, but that was also a bit trickier codewise.
Questions
Some particular questions I have:
how intuitive do you find this overall?
how do you feel about the current implementation of the “dotted underline”. Is it annoying to look at? It only appears while you’re mousing over the comment so it’s possible to read the comment without the react-underlines, but I wasn’t sure how that was going to feel in real life.
how are you currently feeling about anti-reacts?
I inline-reacted to the first sentence of this comment. The comment takes up too much vertical space for the green highlighting to be visible when I hover over the react icon at the bottom though, so I have no way of seeing exactly what I reacted to while it is highlighted. Maybe hovering over underlined text should show the reaction?
Yeah something like seems obvious good.
Meanwhile I just, uh, made my comment smaller so that it was less pronounced a problem for the immediate showcase comment. :P