Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adust length of "Results per page"-field #2968

Merged
merged 9 commits into from
Sep 16, 2024
Merged

Conversation

janvhs
Copy link
Member

@janvhs janvhs commented Sep 11, 2024

This commit adjusts the length of the "Results per page"-field in the views containing pagination. The field now adjusts its size based on its content. For this, I use a margin on the chevron element, but utilising CSS' after pseudo class would be better

Did you add the right label?

Remember to add the right labels to this PR.

  • DONE

How was this tested?

Visually

@janvhs janvhs marked this pull request as draft September 11, 2024 15:31
@janvhs janvhs removed the request for review from dottorblaster September 11, 2024 15:31
@janvhs
Copy link
Member Author

janvhs commented Sep 11, 2024

Gonna do the other CSS things on this branch as well, since they are tiny, and I don't think it's necessary to bother you with review rapid-fire ^^

@janvhs
Copy link
Member Author

janvhs commented Sep 12, 2024

Idk how to test this without reproducing the math

@janvhs janvhs marked this pull request as ready for review September 12, 2024 15:29
@janvhs janvhs added the env Create an ephimeral environment for the pr branch label Sep 12, 2024
@janvhs
Copy link
Member Author

janvhs commented Sep 13, 2024

The PR env: https://2968.prenv.trento.suse.com/

@janvhs janvhs added env Create an ephimeral environment for the pr branch and removed env Create an ephimeral environment for the pr branch labels Sep 13, 2024
@janvhs janvhs force-pushed the pagination-adjustments branch from 9647b58 to 465b6eb Compare September 13, 2024 09:43
Copy link
Contributor

@dottorblaster dottorblaster left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just some minor changes. Also, could you write a Jest test for this?

Copy link
Contributor

@jagabomb jagabomb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A small note from my side... I think component should have been aligned next to the Results per page dropdown component.
Screenshot 2024-09-13 at 13 37 28

@janvhs
Copy link
Member Author

janvhs commented Sep 13, 2024

Oh thought we agreed on the other side. Gonna move it over and ping you :D

Copy link
Contributor

@jagabomb jagabomb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link
Contributor

@dottorblaster dottorblaster left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@janvhs janvhs force-pushed the pagination-adjustments branch 2 times, most recently from 1162cd2 to dc4c55c Compare September 16, 2024 13:47
@dottorblaster
Copy link
Contributor

@janvhs all good here, smash the green button 👍

janvhs and others added 9 commits September 16, 2024 20:05
This commit adjusts the length of the "Results per page"-field in the
views containing pagination.  The field now adjusts its size based on
its content.  For this, I use a margin on the chevron element, but
utilising CSS' after pseudo class would be better
This commit shows the current item range as well as the total amount of
items in the bottom of the table
The table should determine its empty state based on the filtered data,
because that can be less than the unfiltered data
@janvhs janvhs force-pushed the pagination-adjustments branch from 852566c to 597c92a Compare September 16, 2024 18:05
@janvhs janvhs merged commit 639ddb9 into main Sep 16, 2024
30 checks passed
@janvhs janvhs deleted the pagination-adjustments branch September 16, 2024 19:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
env Create an ephimeral environment for the pr branch
Development

Successfully merging this pull request may close these issues.

3 participants