johno/furtive

input checkbox "state" unviewable on some devices

Open

#61 opened on 2017年12月8日

GitHub で見る
 (0 comments) (0 reactions) (0 assignees)HTML (610 stars) (43 forks)batch import
good first issue

説明

When viewing on a Galaxy Tab A/Firefox Browser, checkbox inputs are elongated and the visible "check/x" is never shown...

Screenshot attached from your site.

I traced it down to this code:

input[type="checkbox"]` {
  padding: .5rem;

I 've manually override it with this...

input[type="checkbox"] {
  padding: 0;
  margin: .5rem;
}

screenshot_20171208-132449

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

技術スタック
htmlcss
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
under 1 hour
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
basic CSS
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
90
調査方針
The bug is in the CSS rule for input[type='checkbox'] that sets padding: .5rem. The fix involves setting padding to 0 and using margin: .5rem instead, as suggested in the issue. Locate the CSS file (e.g., furtive.css) and apply the change. Test on a Galaxy Tab or similar device to confirm the fix.
input checkbox "state" unviewable on some devices · johno/furtive#61 | Good First Issue