Skip to content

Add markdown cheat sheet panel to entry form - #19

Merged
normanajn merged 1 commit into
mainfrom
feature/markdown-cheatsheet
Jun 25, 2026
Merged

normanajn merged 1 commit into
mainfrom
feature/markdown-cheatsheet

Conversation

@normanajn

Copy link
Copy Markdown
Collaborator

Adds a markdown quick-reference as a sticky right-hand side panel on the new/edit entry page, addressing #17.

Changes

  • New partial entries/partials/_markdown_cheatsheet.html listing the syntax actually supported by render_markdown (headings h1–h3, bold, italic, links, lists, quote, inline/fenced code, tables, divider — no images, since the sanitizer strips <img>).
  • entries/form.html restructured into a two-column layout; the cheat sheet sits in a right <aside>, sticky on large screens and hidden below lg (the existing "Preview markdown" button still covers small screens).

Notes

  • Used {% comment %} rather than {# #} for the multi-line developer note (Django {# #} is single-line only and would otherwise render as visible text).

Closes #17

🤖 Generated with Claude Code

Add a right-hand side panel on the new/edit entry page with a quick
reference for the markdown syntax supported by render_markdown
(headings h1-h3, bold, italic, links, lists, quote, inline/fenced
code, tables, divider; no images). The panel is sticky on large
screens and hidden below the lg breakpoint where the Preview button
still covers the need.

Closes #17

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings June 25, 2026 16:04
@normanajn
normanajn merged commit e085573 into main Jun 25, 2026
1 check passed

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a Markdown quick-reference panel to the entry create/edit form to help users format descriptions using the app’s supported render_markdown feature set (issue #17).

Changes:

  • Introduces a new reusable template partial that lists supported Markdown syntax.
  • Restructures the entry form page into a two-column layout with a sticky right-side cheat sheet on large screens.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File Description
apps/entries/templates/entries/partials/_markdown_cheatsheet.html New Markdown cheat sheet partial for supported formatting options.
apps/entries/templates/entries/form.html Updates layout to add a right-side sticky <aside> containing the cheat sheet on lg+ screens.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +48 to +50
<dd class="font-mono text-xs text-slate-700 bg-slate-50 rounded px-1.5 py-0.5 whitespace-pre leading-tight">```
code
```</dd>
@normanajn
normanajn deleted the feature/markdown-cheatsheet branch June 25, 2026 16:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Markdown Cheatsheet

2 participants