From 22d2c194d8db33af408db74f72de14452bc788a6 Mon Sep 17 00:00:00 2001 From: Brian Madison Date: Sun, 25 Jan 2026 22:55:25 -0600 Subject: [PATCH] feat: make workflow diagram iframe full-width - Add CSS to break workflow diagram iframe out of content container - iframe now spans full viewport width instead of max-width constraint - Adjust iframe height to 700px for better fit - Remove border/border-radius for seamless full-width look --- docs/reference/workflow-map.md | 2 +- website/src/styles/custom.css | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/docs/reference/workflow-map.md b/docs/reference/workflow-map.md index bde04a51..0d0ff488 100644 --- a/docs/reference/workflow-map.md +++ b/docs/reference/workflow-map.md @@ -11,7 +11,7 @@ If at anytime you are unsure what to do, the `/bmad-help` command will help you Final important note: Every workflow below can be run directly with your tool of choice via slash command or by loading an agent first and using the entry from the agents menu. - + *[Interactive diagram - hover over outputs to see artifact flows]* diff --git a/website/src/styles/custom.css b/website/src/styles/custom.css index 70688aa2..1dd65715 100644 --- a/website/src/styles/custom.css +++ b/website/src/styles/custom.css @@ -181,6 +181,15 @@ margin: 0 auto; } +/* Full-width workflow diagram iframe */ +.sl-markdown-content > iframe:first-child { + width: 100vw !important; + margin-left: calc(50% - 50vw); + border-radius: 0 !important; + border-left: none !important; + border-right: none !important; +} + /* Main content area */ main { min-width: 0;