# Button with Checkmark should be hidden to users who can't unmark correct answers

**URL:** https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216
**Category:** UX
**Tags:** solved
**Created:** [1월 28, 2018, 6:22오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216 "2018-01-28T18:22:54Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![chi](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@chi](https://meta.discourse.org/u/chi)
#### Post date: [1월 28, 2018, 6:22오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/1 "2018-01-28T18:22:55Z")

</div>

Hi Discourse-solved team,

Suggesting UX changes, button with Checkmark should be hidden to users who can’t unmark correct answers.

![02%20AM](https://global.discourse-cdn.com/meta/original/3X/e/7/e79a08130740b13e65a0ba4cf30ea70a64134f1e.png)

The word SOLUTION should be the only one visible.

Thanks.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [1월 28, 2018, 9:55오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/2 "2018-01-28T21:55:40Z")

</div>

I disagree - I think the filled box is an important part of the styling highlighting the post.

---

<div class="post-metadata">

### Author: ![chi](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@chi](https://meta.discourse.org/u/chi)
#### Post date: [1월 29, 2018, 5:44오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/3 "2018-01-29T05:44:14Z")

</div>

@riking

Having a **checkbox** tells users that I can uncheck it. If I am not the OP or admin, I shouldn’t see the checkbox. Only OP or admin should see checkbox because that action is only for them.

For everyone else, they should only see the word “SOLUTION”.

We can add additional highlights by making the background of the post ‘Green’ or have additional highlights around it. But not using the checkbox.

UX wise, having a checkbox for the readers is not the proper way.

To the discourse-solved developers, i’m not a ruby dev, but how can i modify this in code in case I want to remove the checkbox in my site for readers not OP/Admin? What part of the code handles this?

Thank you. 🙂

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [1월 29, 2018, 9:48오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/4 "2018-01-29T09:48:30Z")

</div>

You can hide it by adding the following line of CSS to your theme:

.actions button.accepted {display:none;}

PS: this does show there’s a slight alignment issue with the ‘Solution’ text:

![image](https://global.discourse-cdn.com/meta/original/3X/e/7/e7c9d66ba4986e4b526bc8e9a59d66c2c6613062.png)

---

<div class="post-metadata">

### Author: ![chi](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@chi](https://meta.discourse.org/u/chi)
#### Post date: [1월 29, 2018, 10:34오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/5 "2018-01-29T10:34:35Z")

</div>

Thanks @bartv for the suggestion.

But the problem with that solution is it also hides the checkmark to OP or admin who should have the ability to uncheck it.

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [1월 29, 2018, 10:36오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/6 "2018-01-29T10:36:52Z")

</div>

> [@chi](#):
>
> But the problem with that solution is it is also hides the checkmark to OP or admin who should have the ability to uncheck it.

Ah true. Perhaps you could dig into the CSS a bit more to make the selector more specific and avoid this.

---

<div class="post-metadata">

### Author: ![chi](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@chi](https://meta.discourse.org/u/chi)
#### Post date: [1월 29, 2018, 10:38오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/7 "2018-01-29T10:38:46Z")

</div>

I was trying to do that and realize that this isn’t possible because you can’t add any conditions (if/else) in the CSS. The only way to make it work is editing it directly thru the plugin code.

---

<div class="post-metadata">

### Author: ![chi](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@chi](https://meta.discourse.org/u/chi)
#### Post date: [1월 29, 2018, 5:53오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/8 "2018-01-29T17:53:49Z")

</div>

To everyone that helped, thanks.

I was able to modify the plugin code already:

Here’s what I did:

**For OP:**  
Instead of just the checkmark, I added this button - “This solved my question” which is more visible to the OP or readers.  
 ![24%20AM](https://global.discourse-cdn.com/meta/original/3X/d/1/d1ca1142d0f1dccdd4b1248297e6c6c85fd1b5f1.png)

Also, if OP wants to change his/her answer, this is what he/she sees:

![42%20AM](https://global.discourse-cdn.com/meta/original/3X/4/3/43a9f75441ce8b4a1d31205ec3b46d8ba4a91981.png)

Now, if I am not OP or admin. Here is what I see:

![57%20AM](https://global.discourse-cdn.com/meta/original/3X/2/1/21c9ec1f65e2f31d0da833f6e2ec25f04060ca4d.png)

Again, thanks for those who have created this plugin. 🙂

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [12월 6, 2018, 3:07오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/9 "2018-12-06T03:07:54Z")

</div>

I actually like this change quite a bit @sam – makes it much clearer, if you want to prioritize solved in a category.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [12월 6, 2018, 11:53오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/10 "2018-12-06T23:53:29Z")

</div>

Maybe @awesomerobot can do some mockups here, I am fine to make solved clearer. I agree that marking something as a solution is not super clear to the OP.

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [12월 7, 2018, 10:31오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/12 "2018-12-07T10:31:49Z")

</div>

Having "this solved my question below a series of short replies is going to get very noisy very quickly though.

Really need to show mockups of how a topic will look, rather than individual posts.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [12월 11, 2018, 10:58오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/13 "2018-12-11T22:58:35Z")

</div>

It’s noisy, but just for OP, so I don’t think it’s so bad. It’s worth a little noise if increases feature use.

I shortened the copy from “this solved my question” to “mark as solution,” the longer version is clearer, but it’s also… long. Using “mark” also gives us “unmark” as the reverse.

Also Font Awesome’s times-square (❎) icon is premium-only, and the times-circle is free, so that’s why I’m using circles here.

 ![unmarked](https://global.discourse-cdn.com/meta/original/3X/d/7/d79970f6c09df70cd6473711dc2596b59feba7f7.png)

 ![solved](https://global.discourse-cdn.com/meta/original/3X/8/2/82a8eb38157a8c5e01e804369590d662ccd67ba9.png)

Mobile’s a little tricky, maybe we show “solution” and then if they expand the controls we hide the text and just show the icon?

 ![14%20PM](https://global.discourse-cdn.com/meta/original/3X/f/8/f83a6bff6a42ddcf2468c2db2c4458311ca3c127.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [12월 11, 2018, 11:49오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/14 "2018-12-11T23:49:57Z")

</div>

Interesting yeah maybe in mobile we suppress text till clicked … on that note, how would “unmarking” the solution work in mobile?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [12월 12, 2018, 3:32오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/15 "2018-12-12T03:32:53Z")

</div>

Yeah it’s difficult to keep the same amount of clarity on mobile, the post controls are already crammed. One option could be to move the controls for solved outside of the existing topic nav

 ![35%20PM](https://global.discourse-cdn.com/meta/original/3X/b/6/b69ac8f2d5fd79c084504b3116caebdd3a9ffce5.png)

 ![06%20PM](https://global.discourse-cdn.com/meta/original/3X/0/2/02ecb46e976db04006123e7d5703b1aef6be9cfa.png)

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [12월 12, 2018, 9:32오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/18 "2018-12-12T09:32:50Z")

</div>

How about emphasizing the mark as solution for the current reply only and shift the emphasis as the reader scrolls? Appreciate it’s much more involved but would reduce noise considerably.

---

<div class="post-metadata">

### Author: ![nbianca](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nbianca/32/157984_2.png) [@nbianca](https://meta.discourse.org/u/nbianca)
#### Post date: [5월 16, 2019, 9:22오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/21 "2019-05-16T09:22:35Z")

</div>

It was implemented in:

[https://github.com/discourse/discourse-solved/pull/78](https://github.com/discourse/discourse-solved/pull/78)

This is how it looks on desktop:

Can accept / unaccept:

 ![01](https://global.discourse-cdn.com/meta/original/3X/d/2/d2750c870a750eb03ce704e15460e95a86368c0f.png)  
 ![49](https://global.discourse-cdn.com/meta/original/3X/7/e/7ef22271f4d8d6c2b9133a51511c2ba907c5c073.png)

Cannot accept / unaccept:

 ![34](https://global.discourse-cdn.com/meta/original/3X/2/3/2305aaa20bf17b576b5edd3a81bea6180dde6a8a.png)  
 ![24](https://global.discourse-cdn.com/meta/original/3X/e/d/ed348c175d2339cbbacb8c9ab9a46f0d4befce6d.png)

The same, but for mobile:

 ![35](https://global.discourse-cdn.com/meta/original/3X/d/7/d7dafc99fa32a5d378118821d70a6d83c81d38a0.png) ![47](https://global.discourse-cdn.com/meta/original/3X/6/4/6465e2ddc489c45a006c233fa4e34c885e4ab107.png)  
 ![59](https://global.discourse-cdn.com/meta/original/3X/4/9/492f8184df61dc292bd4734bb01c86bf179a7461.png) ![20](https://global.discourse-cdn.com/meta/original/3X/e/3/e39d0a0626453f79e2c002705b50f2ddfa2ae493.png)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [6월 28, 2019, 6:56오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/22 "2019-06-28T18:56:29Z")

</div>

My **first impression** is that this made it very noisy.

The fact that the label is so long “Mark as solution” and it is closer to the like button than to the checkmark (by 2 pixels 😛 ) doesn’t help too.

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [6월 28, 2019, 7:00오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/23 "2019-06-28T19:00:23Z")

</div>

> [@Stephen](#):
>
> Having "this solved my question below a series of short replies is going to get very noisy very quickly though.
> 
> Really need to show mockups of how a topic will look, rather than individual posts.

I feel like this demonstrates my earlier concern pretty well.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [6월 28, 2019, 7:01오후 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/24 "2019-06-28T19:01:57Z")

</div>

What if we leverage the Wiki design to keep it following a pattern?

Normal Post:

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/b/3b06c0c241ac9a4ec51405cebffbf38f0bc94b1d.png)

Wiki:

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/5/45f78afe50d7182bdb43538fc26243b3dfeeae20.png)

Solution:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/6/e/6ece5dd6427eb7816e95effe3799137b9d34de9b.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [7월 1, 2019, 1:21오전 UTC](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216/25 "2019-07-01T01:21:51Z")

</div>

> [@awesomerobot](#):
>
> Also Font Awesome’s times-square (❎) icon is premium-only, and the times-circle is free, so that’s why I’m using circles here.

I think it is worth revisiting the idea of changing iconography with this big change. The circles look somewhat less prominent in the list. I know that there is an aspect of “cheese move” resistance movement here. But I would like to keep square if possible with the change even if we have to re-draw 1-2 SVGs.

We attempted the merge on Friday but I rolled it back cause we had an oversight and applied the styling changes to **non OP** this was meant to be a change that was extremely tightly scoped to **OP** only (not staff for example).

Another concern I have for OP is the “continuous” invitation to “unmark as solution” once you marked something as a solution I find that is somewhat cluttery, is there anything we can do here? To “unheart” you simply click the heart again, why don’t we follow the same pattern?

[다음 페이지](https://meta.discourse.org/t/button-with-checkmark-should-be-hidden-to-users-who-cant-unmark-correct-answers/79216.md?page=2)
