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

Hi Discourse-solved team,

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

02%20AM

The word SOLUTION should be the only one visible.

Thanks.

1 лайк

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

13 лайков

@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. :slight_smile:

1 лайк

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

4 лайка

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.

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

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.

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

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

42%20AM

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

57%20AM

Again, thanks for those who have created this plugin. :slight_smile:

8 лайков

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

3 лайка

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.

5 лайков

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.

6 лайков

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 (:negative_squared_cross_mark:) icon is premium-only, and the times-circle is free, so that’s why I’m using circles here.

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?

6 лайков

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

2 лайка

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

5 лайков

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.

2 лайка

It was implemented in:

This is how it looks on desktop:

Can accept / unaccept:


Cannot accept / unaccept:


The same, but for mobile:


7 лайков

Моё первое впечатление — это сделало всё очень шумным.

Тот факт, что надпись «Отметить как решение» такая длинная и находится ближе к кнопке «Нравится», чем к галочке (на 2 пикселя :stuck_out_tongue: ), тоже не помогает.

4 лайка

Мне кажется, это довольно хорошо иллюстрирует мою предыдущую обеспокоенность.

2 лайка

Что, если мы используем дизайн Wiki, чтобы он следовал единому шаблону?

Обычный пост:

Wiki:

Решение:
image

5 лайков

По-моему, стоит вернуться к идее изменения иконографии в связи с этими крупными изменениями. Круги выглядят несколько менее заметными в списке. Я понимаю, что здесь есть элемент сопротивления в духе «не надо слишком уж изощряться». Но я бы хотел сохранить квадратную форму, если это возможно, даже если придётся перерисовать 1–2 SVG-файла.

В пятницу мы попытались выполнить слияние, но я откатил изменения, так как допустили ошибку и применили стилизационные изменения к не автору темы (non OP). Это должно было быть изменение, крайне точно ограниченное только автором темы (OP) (не, например, для сотрудников).

Ещё одна моя обеспокоенность касается OP: постоянное предложение «снять отметку как решение» после того, как что-то помечено как решение, мне кажется немного загромождающим. Можно ли что-то здесь сделать? Чтобы «отменить лайк», достаточно просто ещё раз нажать на сердце — почему бы не следовать тому же паттерну?

4 лайка