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.
<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]*

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

@@ -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;