mermaid gantt graph in small screen

描述

贡献者指南

技术栈

htmlcss

领域

frontend

议题类型

bug

难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。

2

预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。

half day

活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。

stale

清晰度议题是否清楚说明期望改动、验收标准和下一步。

clear

前置要求

CSSresponsive design basics

新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。

60

研究方向

The issue reports that a mermaid gantt chart's abscissa scale is distorted on small screens (iPhone 6/7 Plus). The fix likely involves adding responsive CSS rules for the mermaid container. Inspect the theme's CSS files (e.g., static/css) for existing mermaid styling and add media queries to adjust the chart's width or overflow behavior on small screens. Check if the theme uses a specific mermaid version or configuration that affects rendering.