sticky panel header needs background
huwshimi opened this issue · comments
Describe the bug
When using a sticky panel header p-panel__header is-sticky
the header is transparent.
To Reproduce
Steps to reproduce the behavior:
- Go to https://vanillaframework.io/docs/layouts/application#panels-example
- Inspect the content header.
- Add
is-sticky
to thep-panel__header
- Scroll the page and see that the content is visible underneath.
Expected behavior
The content should not be visible behind the header.
Screenshots
![Screenshot 2023-11-13 at 12 01 24 pm](https://private-user-images.githubusercontent.com/361637/282339092-7552f5b5-d53a-4a11-901f-cf26dc3265eb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NTMwNjIsIm5iZiI6MTcyMjk1Mjc2MiwicGF0aCI6Ii8zNjE2MzcvMjgyMzM5MDkyLTc1NTJmNWI1LWQ1M2EtNGExMS05MDFmLWNmMjZkYzMyNjVlYi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODA2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwNlQxMzU5MjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03YWNjZDFhYjQ1MDIxMjZmODYyMDMzOTg2Yjk1ODRkMTNkMmM1ODdjOTU4YWM4YTYyZTlkYWZjY2FjMGE4M2E0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.LJoeFmct1Ng3QS90whw8Zzv4u1ZMuaRISbCJMfgKQG8)
Desktop (please complete the following information):
- OS: macOs
- Browser Chrome
- Version
119.0.6045.123