Sidebar layouts

[bjorntj]

I am trying ouy PrimeVue and using PrimeBlocks. But I have 2 problems.

- Firstly I was expecting left sidebar and the header to be locked on the page but when the content is long, the sidebar and the header also scrolls when scrolling.
- And a little thing, the red dot in the upper right corner for the notification icon next to the avatar icon, is huge compared to how it looks in the PrimeBlocks application, why?

[bjorntj]

As always, I am impressed by the support from PrimeTek for products they sell...............

[tugce.kucukoglu]

- Sidebar scrolling with long content might be related to height of the sidebar. Have you used any PrimeFlex height class for styling? According to your usage of your app, you could use sticky header.

- Which red dot have you specified? Could you share a link of PrimeBlocks page link?

[bjorntj]

You are kind of missing my point.. I expect such a layout template to handle this or at least give me a way to hande this, like the other themes you have made.
If I just copy the layout block and input a lot of text, the header and sidebare begins to scroll, as I think it should not...

[bjorntj]

I am thinking about the red dot to notify above the bell here, this is huge when I just copy the block in to my project.

[tugce.kucukoglu]

- To replicate your question, I have tried to multiply the menu items first example of this page https://www.primefaces.org/primeblocks- ... ebarlayout. While scrolling the page, the menu does not scroll and also I tried the opposite. I think there are some gaps on your question.

- Could you please check badge code? It should be 'v-badge.danger'.


Regards,

[bjorntj]

It's not the menu you have to add content to, it's the content....

[bjorntj]

This is the badge problem:

[bjorntj]

And this happends when I fill the content and scrolls...:

[tugce.kucukoglu]

It's really hard the demonstrate this issue. Maybe this workaround could work. There is an element which has an '#app-sidebar-1' id. Could you clear the 'h-screen' class of this element?


Could you also have a screenshot of inspector of the badge?