Code blocks not rendered properly in smaller screens
还没有人认领这个 Issue。
评估
调研方向
从链接的 Git Developer Pages 网站上的“git log --oneline improvements”部分开始,按照截图中显示的 iPhone SE 分辨率复现布局。检查影响代码块的响应式样式;完成标准是代码本身可以水平滚动,而不会造成整个页面溢出或产生空白区域。
由索引模型根据 Issue 内容生成。
描述
I noticed an issue in which the code block in the "git log --oneline improvements" section renders badly in smaller screen. Further it also breaks the single-pagedness of the website. As a consequence, one might have to zoom in to read the post and scrolling might take you to empty space in the right. Screen shots:
-
Desktop view:

-
Mobile view (iPhone SE resolution)


Note the scroll bar in the bottom of the page.
It would be nice to fix this by making the code blocks render in such a way that the code within the block is scrollable rather than the whole page being scrollable.
Note: Initially mentioned in https://github.com/git/git.github.io/pull/366#issuecomment-471316738
- 主要语言
- CSS
- 星标
- 373
- 派生
- 325
- 平均合并
- 4 天 18 小时
- 30 天内合并 PR
- 1
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
git/git.github.io 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 72/100
git/git.github.io#860 · 4 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 45/100
git/git.github.io#864 · 2 条评论 ·
-
Automatically intimate regarding [ANNOUNCE] mails in the current month edition's issue comments? 未关闭
git/git.github.io#863 · 1 条评论 · 已指派 1 人 ·
-
难度 4/5 3-5 天 新手友好度 52/100
git/git.github.io#862 · 3 条评论 ·
-
难度 4/5 3-5 天 新手友好度 25/100
git/git.github.io#830 · 4 条评论 ·
查看 git/git.github.io 的全部 Issue
相似的 Issue
-
Type/Bug
难度 2/5 1-3 小时 新手友好度 78/100
OpenNSW/nsw-srilanka#497 ·
-
react-doctor severity:warning tech-debt
难度 2/5 1-3 小时 新手友好度 82/100
digidem/comapeo-cloud-app#401 ·
-
难度 2/5 1-3 小时 新手友好度 72/100
-
难度 2/5 1-3 小时 新手友好度 82/100
-
bug
难度 2/5 1-3 小时 新手友好度 86/100
zostera/django-bootstrap4#894 ·