angular/components

feat(dialog): Ability to present MatDialog fullscreen

Open

#10,094 opened on 2018年2月22日

GitHub で見る
 (21 comments) (47 reactions) (0 assignees)TypeScript (6,650 forks)batch import
P4area: material/dialogfeaturehelp wanted

Repository metrics

Stars
 (24,044 stars)
PR merge metrics
 (平均マージ 3d 12h) (30d で 98 merged PRs)

説明

Bug, feature request, or proposal:

feature request

What is the expected behavior?

An ability to present modal dialogs fullscreen.

What is the current behavior?

Can't present modal dialogs fullscreen.

What are the steps to reproduce?

What is the use-case or motivation for changing an existing behavior?

This feature is in Material design specifications: https://material.io/guidelines/components/dialogs.html#dialogs-full-screen-dialogs

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

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

調査方針
この課題は、Material Design ガイドラインで説明されているように、MatDialog のフルスクリーンモードを要求しています。実装するには、まず Angular Material ソースコード内の既存の MatDialog コンポーネント（例：dialog.ts、dialog container.ts）をレビューして、その設定オプションを理解します。次に、MatDialogConfig インターフェースに 'fullscreen' プロパティを追加し、フルスクリーンのオーバーレイとパネルに対応する CSS スタイルを実装することを検討し、アクセシビリティが維持されることを確認します。さらなる議論や設計上の決定については、課題のコメントを確認してください。
技術スタック
typescript
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
おおむね明確
前提条件
AngularTypeScript
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70