angular/components

feat(dialog): Ability to present MatDialog fullscreen

开放

#10,094 创建于 2018年2月22日

在 GitHub 查看贡献者指南
 (21 条评论) (47 个反应) (0 位负责人)TypeScript (6,650 个派生)batch import
P4area: material/dialogfeaturehelp wanted

仓库指标

星标
 (24,044 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

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?

贡献者指南

研究方向
该问题要求为 MatDialog 实现全屏模式，如 Material Design 指南所述。为实现此功能，首先应审查 Angular Material 源代码中现有的 MatDialog 组件（例如 dialog.ts、dialog container.ts），以了解其配置选项。然后，考虑向 MatDialogConfig 接口添加一个 'fullscreen' 属性，并实现相应的全屏覆盖层和面板的 CSS 样式，同时确保保持无障碍访问性。请检查问题评论以获取进一步的讨论或设计决策。
技术栈
typescript
领域
frontend
议题类型
功能
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-2 天
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
基本清晰
前置要求
AngularTypeScript
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70