LearnNewsExamplesServices
Frontmatter
id8520
titleEnhance Markdown Frontmatter Animation
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 10, 2026, 8:59 PM
updatedAtJan 10, 2026, 9:02 PM
githubUrlhttps://github.com/neomjs/neo/issues/8520
authortobiu
commentsCount1
parentIssue8398
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 10, 2026, 9:02 PM

Enhance Markdown Frontmatter Animation

Closed v11.20.0 enhancementdesignai
tobiu
tobiu commented on Jan 10, 2026, 8:59 PM

Implement smooth CSS transitions for the Markdown frontmatter <details> element using the modern ::details-content pseudo-element. This allows for a "fancy" sliding animation (height and opacity) without JavaScript overhead.

Changes:

  • Update resources/scss/src/component/Markdown.scss to include ::details-content transitions.
  • Refine existing margin transitions.
tobiu added the enhancement label on Jan 10, 2026, 8:59 PM
tobiu added the design label on Jan 10, 2026, 8:59 PM
tobiu added the ai label on Jan 10, 2026, 8:59 PM
tobiu added parent issue #8398 on Jan 10, 2026, 9:00 PM
tobiu assigned to @tobiu on Jan 10, 2026, 9:00 PM
tobiu referenced in commit ecbe5f2 - "feat: Enhance Markdown frontmatter animation using ::details-content (#8520)" on Jan 10, 2026, 9:01 PM
tobiu
tobiu Jan 10, 2026, 9:01 PM

Input from Gemini 3 Pro:

✦ I have implemented the CSS transitions using ::details-content and interpolate-size. This should provide a smooth sliding animation for the frontmatter section on supported browsers (Chrome 125+). Changes pushed to dev.

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