Buttons added with paginatorLeft and paginatorRight don't fit.

[brayson]

The paginator height isn't changing to accommodate the size of the buttons, and is instead overflowing them.
Where should I apply clearfix? For now I've just separated these into toolbar above the paginator, but I would love them to be part of the paginator to save space.

[merve7]

What theme do you use? Serenity theme?

[brayson]

Yes sir.

[merve7]

Firstly thank you for feedback, we fixed this issue for next Serenity React release.
Secondly, please use Serenity-React forum for the questions related to Serenity theme (viewforum.php?f=78)

[brayson]

Thank you for your swift reply! I'll be sure to update, and be more mindful of where I'm posting.

[brayson]

When will the next release be available? How do I update?
I'm not seeing anything in the Docs.

[merve7]

Sorry for the delay,
You can add to fix the below code in your stylesheet or _theme_styles.scss file until release;

Code: Select all

.p-paginator {
        overflow: hidden;
        line-height: 2;
 }

[brayson]

Ah! This actually makes the drop down for the "Items per page" hidden under the border.

[merve7]

So sorry for the delay and this problem.
Please don't take into consideration the previous post. This mean, please remove

Code: Select all

.p-paginator {
        overflow: hidden;
        line-height: 2;
 }

and add

Code: Select all

.p-paginator .p-paginator-left-content {
    margin-top: -.4em;
}
.p-paginator .p-paginator-right-content {
    margin-top: -.4em;
}
 

So sorry again.