ros/BMAD-METHOD
1
0
Fork 0
mirror of https://github.com/bmad-code-org/BMAD-METHOD.git synced 2026-01-30 04:32:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: make workflow diagram iframe full-width (#1409)

Browse Source 
- 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

Co-authored-by: Brian Madison <brianmadison@Brians-MacBook-Pro.local>
This commit is contained in:
Brian
2026-01-25 23:00:04 -06:00
committed by GitHub
parent 9168e00167
commit 3abcefe1fb
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/reference/workflow-map.md
View File

@@ -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. 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.
<iframe src="/workflow-map-diagram.html" width="100%" height="900" frameborder="0" style="border-radius: 8px; border: 1px solid #334155;"></iframe> <iframe src="/workflow-map-diagram.html" width="100%" height="700" frameborder="0" style="border-radius: 0; border: none;"></iframe>
*[Interactive diagram - hover over outputs to see artifact flows]* *[Interactive diagram - hover over outputs to see artifact flows]*

9
website/src/styles/custom.css
View File

@@ -181,6 +181,15 @@
margin: 0 auto; 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 content area */
main { main {
min-width: 0; min-width: 0;