diff --git a/.changeset/fn-7072-skill-metadata-font-size.md b/.changeset/fn-7072-skill-metadata-font-size.md new file mode 100644 index 0000000000..bebe6280c3 --- /dev/null +++ b/.changeset/fn-7072-skill-metadata-font-size.md @@ -0,0 +1,7 @@ +--- +"@runfusion/fusion": patch +--- + +summary: Make skill detail metadata render more compactly in the right Skills panel. +category: fix +dev: Scoped reduced font-size to `.skills-view-detail-markdown` / `.skills-view-detail-content` in SkillsView.css; shared `.mailbox-markdown` typography unchanged. diff --git a/packages/dashboard/app/components/SkillsView.css b/packages/dashboard/app/components/SkillsView.css index 2ae49ba676..103c7b0863 100644 --- a/packages/dashboard/app/components/SkillsView.css +++ b/packages/dashboard/app/components/SkillsView.css @@ -449,8 +449,10 @@ Detail-pane header bar: BACK (narrow only) on the left, truncating skill name in flex-shrink: 0; } +/* FNXC:Skills 2026-06-26-13:38: FN-7072 reduces skill detail/metadata font size in the right panel; scope the compact text to SkillsView plain-text content so shared mailbox markdown typography is unaffected. */ .skills-view-detail-content { font-family: var(--font-mono); + font-size: 0.9em; line-height: 1.5; overflow-x: auto; white-space: pre-wrap; @@ -542,9 +544,13 @@ File viewer column inside the detail body. Header bar carries the "← Back to S white-space: nowrap; } -/* FNXC:Skills 2026-06-23-04:15: markdown render wrapper (SKILL.md + markdown files) reuses the shared .mailbox-markdown styling from MailboxMessageContent; this just bounds its width inside the pane. */ +/* +FNXC:Skills 2026-06-23-04:15: markdown render wrapper (SKILL.md + markdown files) reuses the shared .mailbox-markdown styling from MailboxMessageContent; this just bounds its width inside the pane. +FNXC:Skills 2026-06-26-13:38: FN-7072 reduces skill detail/metadata font size in the right panel; scope the compact text to SkillsView markdown content so shared mailbox markdown typography is unaffected. +*/ .skills-view-detail-markdown { min-width: 0; + font-size: 0.9em; word-break: break-word; }