reactjs / reactjs/react.dev

Code sample results take too much space on narrow screens

未關閉
#6,269 1 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

主要語言
JavaScript
星號
11.8k
分支
7.9k
平均合併
1 天 11 小時
30 天內合併 PR
11

描述

When I open the docs on narrow screen (Full HD in vertical mode), the containers for code results are too tall (mostly empty).

Example (https://react.dev/learn/reusing-logic-with-custom-hooks):

react dev_learn_reusing-logic-with-custom-hooks (1)

Note that Show less/Show more button will not fix it (it will only affect the size of code box).

Tested in:
Chrome 116.0.5845.110 (Official Build) (64-bit) on Ubuntu 20.04.

貢獻指南

開啟貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

研究方向

在窄的直向 viewport 中開啟 https://react.dev/learn/reusing-logic-with-custom-hooks 的範例頁面,並檢查 code-result 容器。當這些容器不再留下過多的垂直空白時,工作就完成了;不應使用 Show less/Show 控制項作為修正方法。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
javascript, react
領域
documentation, frontend
Issue 類型
缺陷
難度
3/5
預估耗時
1-2 天
活躍度
停滯
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。