primefaces / primereact

The Most Complete React UI Component Library
https://primereact.org
MIT License
6.88k stars 1.04k forks source link

Panel Footer appears to have visual error #7172

Closed pixeloution closed 1 month ago

pixeloution commented 1 month ago

Describe the bug

When using either the "footer" or "footerTemplate" property on the Panel component, the footer does not appear to be incorporated into the panel -- the main panel area still has curved corners bottom-left and bottom-right; the footer has all straight corners making it appear detached.

FOOTER

Reproducer

No response

System Information

Appears this way on chrome 128, no styles other than `import "primereact/resources/themes/lara-light-cyan/theme.css`

Steps to reproduce the behavior

No response

Expected behavior

No response

sja-cslab commented 1 month ago

@melloware this is a primereact-sass-theme ticket isn't it?

melloware commented 1 month ago

Yes it looks like it probably should be.

gcko commented 1 month ago

@pixeloution @sja-cslab please check the pr https://github.com/primefaces/primereact-sass-theme/pull/81

The addition ensures if a panel has a footer, the content and footer will flow together visually.

Screenshot for reference

Screenshot 2024-09-20 at 15 58 59