Skip to content

Dialog: Material Design close button regression #14916

@PeterHewat

Description

@PeterHewat

Describe the bug

With the Material Design theme, the dialogue close button is oval-shaped (visible on hover). It used to be round. This is due to the addition of .p-button that wasn't there before. This .p-button class has the property min-width: 4rem;
This issue might be present in other buttons that should be round so please check them all.

Environment

All

Reproducer

No response

Angular version

17.*

PrimeNG version

17.9.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

All

Browser(s)

All

Steps to reproduce the behavior

Go to documentation https://primeng.org/dialog
Select theme Material Design
Hover over close button

Expected behavior

The button should be round but it is oval in shape.

Metadata

Metadata

Labels

PRO SupportIssue was reported by PRO UserType: BugIssue contains a bug related to a specific component. Something about the component is not working

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions