carbon-app/carbon

Web app is unusable on mobile

Open

#1,287 opened on 2021年11月30日

GitHub で見る
 (9 comments) (0 reactions) (1 assignee)JavaScript (1,974 forks)batch import
bughelp wanted

Repository metrics

Stars
 (36,024 stars)
PR merge metrics
 (30d に merged PR はありません)

説明

Describe the bug The mobile version of Carbon is unusable in a few ways. Primarily because there is no mobile version. Scrolling horizontally is unavailable, cutting off many buttons.

Expected behavior A mobile version of the app so one can quickly paste code into and export.

Screenshots image

Info (please complete the following information):

  • OS [e.g. macOS, Linux, Windows, iOS]: iOS 15.0
  • Browser [e.g. Chrome, Safari, Firefox]: Safari and Chrome

コントリビューターガイド

調査方針
この問題は、Webアプリがモバイル対応しておらず、水平スクロールの問題が発生していると説明しています。まず、現在のレイアウトコンポーネントとCSSファイル（例：`src/components/`、`src/styles/`）を調べて、デスクトップ専用の設計を理解します。コメントを確認し、提案されたアプローチや部分的な作業がないか探します。メディアクエリとタッチフレンドリーなインタラクションの実装を検討してください。この問題は広範です。小さなタスク（例：特定のコンポーネント）に分割すると役立つかもしれません。リポジトリの貢献ガイドラインを確認し、モバイル特有の指示を確認してください。
技術スタック
javascriptcsshtmlreact
領域
frontendmobile
Issue 種別
バグ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
htmlcssjavascriptreact
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
45