search

primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
9.46k stars 4.45k forks source link

Dialog: Material Design close button regression #14916

Open PeterHewat opened 1 month ago

PeterHewat commented 1 month ago

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.

PeterHewat commented 1 month ago
PrimeNG-materialdesign-close-dialog-button-regression
PeterHewat commented 3 weeks ago

This issue is still present in PrimeNG 17.12.0