oakmac/cuttle

Consider designs at different widths

Open

#39 opened on 2015年1月12日

GitHub で見る
 (0 comments) (0 reactions) (0 assignees)JavaScript (316 stars) (11 forks)batch import
enhancementhelp wanted

説明

We should support a design that works at a width of around 400 pixels so that people can have it thin and vertical on the left or right of their screen.

Also wouldn't mind supporting an information-dense very wide width when people go fullscreen on a wide monitor.

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

技術スタック
javascriptcsshtml
領域
frontenddesign
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
CSS media queriesresponsive design basics
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60
調査方針
Investigate the current layout implementation in the repository's CSS files. Look for existing media queries or responsive breakpoints. Consider using CSS Grid or Flexbox to accommodate the narrow 400px width and a wide fullscreen mode. Test changes in different viewport sizes to ensure usability.