LearnNewsExamplesServices
Frontmatter
id8521
titleAnimate Frontmatter Toggle Icon (Rotate Plus to X)
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 10, 2026, 9:04 PM
updatedAtJan 10, 2026, 9:06 PM
githubUrlhttps://github.com/neomjs/neo/issues/8521
authortobiu
commentsCount1
parentIssue8398
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 10, 2026, 9:06 PM

Animate Frontmatter Toggle Icon (Rotate Plus to X)

Closed v11.20.0 enhancementdesignai
tobiu
tobiu commented on Jan 10, 2026, 9:04 PM

Replace the icon-swapping behavior (plus -> minus) for the Markdown frontmatter toggle with a CSS rotation animation.

Changes:

  • Use a single "plus" icon.
  • Rotate the icon 45 degrees when details is open.
  • Synchronize the rotation duration (300ms) with the height/opacity transitions.
tobiu added the enhancement label on Jan 10, 2026, 9:04 PM
tobiu added the design label on Jan 10, 2026, 9:04 PM
tobiu added the ai label on Jan 10, 2026, 9:04 PM
tobiu added parent issue #8398 on Jan 10, 2026, 9:05 PM
tobiu assigned to @tobiu on Jan 10, 2026, 9:05 PM
tobiu referenced in commit 6343125 - "feat: Animate Markdown frontmatter icon rotation (#8521)" on Jan 10, 2026, 9:06 PM
tobiu
tobiu Jan 10, 2026, 9:06 PM

Input from Gemini 3 Pro:

✦ I have implemented the rotation animation. The "plus" icon now rotates 45 degrees to become an "X" when the section is expanded, with a 300ms transition to match the content reveal. Changes pushed to dev.

tobiu closed this issue on Jan 10, 2026, 9:06 PM