Visual cue for draft pages

[aiBR3]

I am working on a website with many pages and sub-pages that appear in the sidebar and it would be very useful for me if those marked as drafts had some kind of visual cue in the title, both in the sidebar and in the main title when you are on that page.

For example, I have seen other themes add a small “draft” badge next to the title of those specific pages.

What would be the best approach to achieve something like this? Is there a partial in Relearn that I could modify? Or are there more than one?

[McShelby]

Currently, the theme does not have built-in support but it should be possible to achieve this with a little bit of coding by you.

See https://mcshelby.github.io/hugo-theme-relearn/configuration/customization/partials/index.html#customizable-partials

You would need to override layouts/partials/heading-pre.html and layouts/partials/menu-pre.html to add some span/div etc. and style it in either layouts/partials/custom-header.html (expects html, so you need to put your styles in a <style> tag) or css/custom.css (if you haven't overriden layouts/partials/custom-header.html before).

[aiBR3]

Thank you very much! I have now added a very simple line to menu-post.html:
{{ if .Draft }}<sup>[draft]</sup>{{ end }}