Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Have an option to display an SVG play icon for cards that open video modals

オープン
#717 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 12 日以内に返信

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
35/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
css, scss
領域
design, frontend

調査の方向性

まず、カードコンポーネントと参照先のFirefoxデザインを確認し、現在ビデオカードと再生アイコンがどのように扱われているかを理解します。カードの標準化された動作とスタイルを定義し、その後、ビデオモーダルを開くカードに意図したアイコンが一貫して表示されることを確認します。

索引モデルが issue の本文から書いたものです。

説明

Design 🎨
Please describe the use case(s) for this component

We often allow for cards to open a video modal. We usually either:

  1. Have the thumbnail include a play icon or
  2. Add a bit of CSS to display an SVG play icon.
Please describe the change you wish to see

It would be great for Protocol to have a method for displaying a video play icon for videos that is standardized.

Please describe why these changes need to be made
  1. We often (always?) have cards with videos
  2. This would allow us to handle this in contentful
Please provide any designs or prototypes of the proposed changes

https://www.mozilla.org/en-US/firefox/features/tips/

See how play icons are handled in the cards in the link above

主要言語
SCSS
スター
298
フォーク
83
平均マージ
10日 18時間
マージ済み PR(30日)
22

環境構築

  • Dockerfile・Docker Compose ファイルなし
  • プルリクエストのテンプレートあり
  • コントリビューションガイドなし

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

mozilla/protocol のほかの issue

mozilla/protocol の issue をすべて見る

似ている issue

Design の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。