Buttons added with paginatorLeft and paginatorRight don't fit.

UI Components for React
Post Reply
brayson
Posts: 7
Joined: 02 Feb 2018, 22:44

03 Oct 2018, 18:45

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.


Image

merve7
Posts: 316
Joined: 12 Sep 2017, 10:44

04 Oct 2018, 12:52

What theme do you use? Serenity theme?

brayson
Posts: 7
Joined: 02 Feb 2018, 22:44

04 Oct 2018, 15:05

Yes sir.

merve7
Posts: 316
Joined: 12 Sep 2017, 10:44

04 Oct 2018, 15:37

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
Posts: 7
Joined: 02 Feb 2018, 22:44

04 Oct 2018, 16:10

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

brayson
Posts: 7
Joined: 02 Feb 2018, 22:44

11 Oct 2018, 15:07

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

merve7
Posts: 316
Joined: 12 Sep 2017, 10:44

19 Oct 2018, 11:04

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
Posts: 7
Joined: 02 Feb 2018, 22:44

08 Nov 2018, 22:43

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

Image

merve7
Posts: 316
Joined: 12 Sep 2017, 10:44

12 Nov 2018, 15:31

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.

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests