I'm having a challenge getting badges to render correctly on topbar icons. I can get the badge to show at the lower right position but not in the upper right position. I see that with other themes it is possible. Here is how it's showing for me: https://www.dropbox.com/s/xfa386kufmtvk ... e.JPG?dl=0
And here is how it is showing for Serenity: https://www.dropbox.com/s/vyladc57ozkmv ... e.JPG?dl=0
This is my code in the topbar.xhtml:
Code: Select all
<li>
<a>
<i class="pi pi-bell topbar-icon-settings"/>
<p:badge value="8" severity="danger">
<span class="icon-label">Notifications</span>
</p:badge>
</a>
<div class="layout-quickmenu-tooltip">
<div class="layout-quickmenu-tooltip-arrow"></div>
<div class="layout-quickmenu-tooltip-text">Notifications</div>
</div>
</li>
Any help would be appreciated. Thank you!