angular/components

feat(dialog): Ability to present MatDialog fullscreen

Open

#10 094 ouverte le 22 févr. 2018

Voir sur GitHub
 (21 commentaires) (47 réactions) (0 assignés)TypeScript (6 650 forks)batch import
P4area: material/dialogfeaturehelp wanted

Métriques du dépôt

Stars
 (24 044 stars)
Métriques de merge PR
 (Merge moyen 3j 12h) (98 PRs mergées en 30 j)

Description

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?

Guide contributeur

Direction de recherche
Le ticket demande un mode plein écran pour MatDialog, comme décrit dans les directives Material Design. Pour l'implémenter, commencez par examiner le composant MatDialog existant dans le code source d'Angular Material (par exemple, dialog.ts, dialog container.ts) pour comprendre ses options de configuration. Ensuite, envisagez d'ajouter une propriété 'fullscreen' à l'interface MatDialogConfig et d'implémenter les styles CSS correspondants pour l'overlay et le panneau en plein écran, en veillant à maintenir l'accessibilité. Consultez les commentaires du ticket pour toute discussion supplémentaire ou décision de conception.
Stack technique
typescript
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Plutôt claire
Prérequis
AngularTypeScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70