angular/components

feat(dialog): Ability to present MatDialog fullscreen

Open

#10.094 aperta il 22 feb 2018

Vedi su GitHub
 (21 commenti) (47 reazioni) (0 assegnatari)TypeScript (6650 fork)batch import
P4area: material/dialogfeaturehelp wanted

Metriche repository

Star
 (24.044 star)
Metriche merge PR
 (Merge medio 3g 12h) (98 PR mergiate in 30 g)

Descrizione

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?

Guida contributor

Direzione di ricerca
La segnalazione richiede una modalità a schermo intero per MatDialog, come descritto nelle linee guida di Material Design. Per implementarla, prima rivedere il componente MatDialog esistente nel sorgente di Angular Material (ad es., dialog.ts, dialog container.ts) per comprenderne le opzioni di configurazione. Quindi, considerare l'aggiunta di una proprietà 'fullscreen' all'interfaccia MatDialogConfig e implementare i corrispondenti stili CSS per l'overlay e il pannello a schermo intero, assicurandosi che l'accessibilità sia mantenuta. Controllare i commenti della segnalazione per eventuali ulteriori discussioni o decisioni di progettazione.
Tech stack
typescript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
AngularTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70