angular/components

feat(dialog): Ability to present MatDialog fullscreen

Open

#10.094 aberto em 22 de fev. de 2018

Ver no GitHub
 (21 comments) (47 reactions) (0 assignees)TypeScript (6.650 forks)batch import
P4area: material/dialogfeaturehelp wanted

Métricas do repositório

Stars
 (24.044 stars)
Métricas de merge de PR
 (Mesclagem média 3d 12h) (98 fundiu PRs em 30d)

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?

Guia do colaborador

Direção de pesquisa
A issue solicita um modo de tela chebrada para o MatDialog, conforme descrito nas diretrizes do Material Design. Para implementar, primeiro revise o componente MatDialog existente no código fonte do Angular Material (por exemplo, dialog.ts, dialog container.ts) para entender suas opções de configuração. Em seguida, considere adicionar uma propriedade 'fullscreen' à interface MatDialogConfig e implementar os estilos CSS correspondentes para o overlay e o painel em tela cheia, garantindo que a acessibilidade seja mantida. Verifique os comentários da issue para qualquer discussão adicional ou decisões de design.
Pilha de tecnologia
typescript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
AngularTypeScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70