How do I customise the styling of "solved topics" in the main list?

Support
11

I agree that it would be useful to have a class for the div.topic-body of the solved post.

I can think of a workaround like this:

<script type="text/discourse-plugin" version="0.8.42">
api.onPageChange((url) => {
  $('button.accepted').parents('div.topic-body:first').toggleClass('solved-post-container', true);
});
</script>

With some css like:

.solved-post-container {
outline: 3px !important;
outline-color: var(--success) !important;
outline-style: solid !important;
}

But I think it still requires some hook into the solution action so that the outline disappears when the post is unsolved (maybe an edge case, but would be nice to cover it).

Having a class for the solved post body would solve the issue I think :slight_smile: