q2's css for mermaid subgraph diagrams is broken
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
调研方向
首先找到 q2 主题中针对 [id^=mermaid-] foreignObject 的 CSS 规则，并将其与 issue 中描述的 Connect 变通方案进行比较。在使用 Bootstrap 主题的网站上，使用包含 subgraph 的 graph LR 图表，通过 Mermaid 12.2.0 重现问题。当 subgraph 标题不再将图表挤压成细条时，即为完成。
由索引模型根据 Issue 内容生成。
描述
Mermaid subgraph titles inflate diagrams to a sliver
q2's theme CSS includes [id^=mermaid-] foreignObject{display:flex;align-items:center;justify-content:center;font-size:1rem}.
With the bundled mermaid 12.2.0, every subgraph title then measures 16384px wide, so a diagram with subgraphs scales down to a thin strip.
Repro: any graph LR with a subgraph in a website using a Bootstrap theme.
Connect works around it with [id^="mermaid-"] .cluster-label foreignObject { display: block; }.
- 主要语言
- Rust
- 星标
- 293
- 派生
- 20
- 平均合并
- 4 小时 53 分钟
- 30 天内合并 PR
- 203
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
quarto-dev/q2 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 76/100
quarto-dev/q2#1103 · 1 条评论 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 77/100
quarto-dev/q2#1031 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
quarto-dev/q2#957 ·
维护者通常 1 天内回复
-
难度 4/5 3-5 天 新手友好度 48/100
quarto-dev/q2#1115 · 1 条评论 ·
维护者通常 1 天内回复
-
难度 4/5 1-2 天 新手友好度 52/100
quarto-dev/q2#1111 ·
维护者通常 1 天内回复
相似的 Issue
-
needs-triage tooling
难度 1/5 1 小时以内 新手友好度 90/100
neilsh/stunt-reel#317 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 84/100
storytold/craft-fonts#65 ·
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 86/100
storytold/craft-libs#723 ·
维护者通常 1 天内回复
-
难度 1/5 1 小时以内 新手友好度 84/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 83/100
n0-computer/iroh#4669 · 1 条评论 ·
维护者通常 1 天内回复