q2's css for mermaid subgraph diagrams is broken
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
調査の方向性
まず、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
- 平均マージ
- 5時間 38分
- マージ済み PR（30日）
- 199
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- 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
-
bug priority: low
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
storytold/photocraft#12183 · コメント 1 件 ·
メンテナーはふだん 2 日以内に返信
-
area:render needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
bherbruck/solvecraft#13138 ·
-
testing
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
ratatui/ratatui-textarea#39 ·
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
transit-audio/transit#369 ·