Wikified Posts Component

Simple Description

This theme component enables you to make Wiki posts (and Shared Edits posts) more obvious.

Wikis and Shared Edits are a powerful feature of Discourse, but many users are unfamiliar with the concept and find the UI just a bit too subtle. This component makes it crystal clear.

Screenshots

Detailed Description

Installing this component enables you to control the background colour of Wiki posts, and to add some text to the history/edit icon in the top right of the post.

It is a fork of discourse-wikified-post-background-color by @pacharanero, incorporates stuff from How to change the style of a Wiki post and re-used code from Personal Message Bubbles by @Rhidian.

Wiki post background color

The background colour of Wiki posts can be set to whatever you like. It defaults to ‘highlight’, but you can use any of these options:

  1. It works best when a Scheme colour is chosen (i.e. primary, secondary, tertiary, etc), as these are responsive to automatic dark mode.
  2. A named color recognised in CSS (e.g. blue, red, yellow, black, etc)
  3. An HTML color code (e.g. #effbfb, etc)

Shared edits color

You can choose one of the same color options for Shared Edits posts (see the Shared Edits Plugin)

Wiki added text

This adds the little bit of green text (defaulting to Wiki Post) in the top right corner of the post:

image

This is dynamic, and changes colour along with the history icon if there has been a recent edit (this is an unintended happy thing):

image

If you don’t want any text there, then delete the text in the setting and save it.

Shared edits added text

The text displayed when it is a Shared Edits post. This is in the Danger color from your palate.

Shared Edits hide

If you choose ‘Yes’, the Edit Wiki button at the bottom right of the review panel will be hidden for all wiki posts. The reason for this is it avoids potential clashes between the Wiki functionality and the Shared Edits Plugin. See this post for more details.

image

Roadmap

  1. Auto tag Topics with ‘wiki’
  2. Target the suppression of the Edit Wiki button to only Shared Edits posts

Please make suggestions as replies to this post.

Install this theme component

17 Likes

Lovely stuff @nathankershaw
I’m going to archive the old wikified post background color repo, in favour of this your new version, which adds much more.

3 Likes

Anyone else getting this error?

Error: Undefined variable: "$Shared-edits-hide". on line 42 of common.scss >> @if ($Shared_edits_hide == "Yes"){ -----^

I can’t reproduce that, and can’t see any obvious problems in the code. Can you give us any more info?

1 Like

It’s because I had Shared edits hide set to No. The error appeared in the TC settings. Error is gone after setting it to Yes.

I don’t get it with it No nor Yes on the latest Discourse Beta. Are you on an old Discourse version? I haven’t put any version control in it at all sorry.

1 Like

Sorry, my bad - was a bit outdated, yeah. Forgot to test again after recent update until you mentioned it. Thanks. :slight_smile:

1 Like

Have just updated the component to better cater for Shared Edits posts.

This includes adapting it for the Shared Edits changes here:

2 Likes