angular/components

feat(dialog): Ability to present MatDialog fullscreen

Open

#10.094 geöffnet am 22. Feb. 2018

Auf GitHub ansehen
 (21 Kommentare) (47 Reaktionen) (0 zugewiesene Personen)TypeScript (6.650 Forks)batch import
P4area: material/dialogfeaturehelp wanted

Repository-Metriken

Stars
 (24.044 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 3T 12h) (98 gemergte PRs in 30 T)

Beschreibung

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?

Contributor Guide

Research-Richtung
Das Issue fordert einen Vollbildmodus für MatDialog, wie in den Material Design Richtlinien beschrieben. Zur Implementierung sollten Sie zunächst die vorhandene MatDialog Komponente im Angular Material Quellcode (z. B. dialog.ts, dialog container.ts) überprüfen, um deren Konfigurationsoptionen zu verstehen. Erwägen Sie dann, eine 'fullscreen' Eigenschaft zur MatDialogConfig Schnittstelle hinzuzufügen und die entsprechenden CSS Stile für Vollbild Overlay und Panel zu implementieren, wobei die Barrierefreiheit gewährleistet bleiben muss. Überprüfen Sie die Issue Kommentare auf weitere Diskussionen oder Designentscheidungen.
Tech Stack
typescript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 Tage
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
AngularTypeScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70