angular / angular/components

bug(menu): mat-divider inside a menu missing margin

Abierto
#19,248 7 comentarios 0 reacciones 0 asignados Ver en GitHub
area: material/divider area: material/menu material spec P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### Reproduction

[See Stackblitz](https://angular-menu-divider.stackblitz.io)

#### Expected Behavior

The [relevant spec section](https://material.io/components/menus#specs) mandates 8px above and below dividers in a menu. See the example headed "Desktop".

#### Actual Behavior

The divider has no margin above or below. Hover over the items adjacent to it and you can see that their highlight region touches the divider.

#### Environment

- Angular: 9.1.4
- CDK/Material: 9.2.1
- Browser(s): Irrelevant
- Operating System (e.g. Windows, macOS, Ubuntu): Irrelevant

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción enlazada de StackBlitz y compara el espaciado de los separadores del menú con la sección de la especificación de Material Design enlazada en el issue. El trabajo estará terminado cuando los separadores del menú tengan un margen de 8px arriba y abajo, y las regiones de hover de los elementos adyacentes ya no los toquen.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.