Code blocks not rendered properly in smaller screens
還沒有人認領這個 Issue。
- 主要語言
- CSS
- 星號
- 373
- 分支
- 325
- 平均合併
- 4 天 18 小時
- 30 天內合併 PR
- 1
描述
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
貢獻指南
這個儲存庫沒有索引到貢獻指南
從這裡開始
- 先讀完整個 Issue,再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫,在一個分支上完成修改。
- 送出 Pull Request,並在描述裡引用這個 Issue 編號。
研究方向
從連結的 Git Developer Pages 網站上的「git log --oneline improvements」區段開始,按照截圖中顯示的 iPhone SE 解析度重現版面配置。檢查影響程式碼區塊的回應式樣式;完成標準是程式碼本身可以水平捲動,而不會造成整個頁面溢位或產生空白區域。
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- css
- 領域
- frontend, web-dev
- Issue 類型
- 缺陷
- 難度
- 3/5
- 預估耗時
- 1-2 天
- 活躍度
- 停滯
- 描述清晰度
- 基本清楚
- 新手友好度
- 35/100