CentreForDigitalHumanities / CentreForDigitalHumanities/Textcavator

Paginator component grows out of bounds

Open
#1,991 0 comments 0 reactions 0 assignees View on GitHub
bug frontend
Dominant language
Python
Stars
12
Forks
3
Avg merge
3d 3m
Merged PRs (30d)
9

Description

### What went wrong?

On the search results page, the row that contains the sort dropdown and the paginator can become wider than its container. Looks weird, see screenshots below.

### What did you expect to happen?

In these screenshots, you can see that there is a significant margin on the left of the row, so this could probably be spaced out better. But if it all doesn't fit, it might be better to spread the controls over two rows?

Btw, we're already aware that spacing/layout in this section is just kind of bad in general (lots of empty space etc), so this issue will probably be combined with a larger update in this section.

### Screenshot

screenshot of textcavator search results

Looks worse in the sticky view when you scroll down:

screenshot of textcavator search results

### Where did you find the bug?

- [x] https://textcavator.hum.uu.nl
- [ ] https://peopleandparliament.hum.uu.nl
- [ ] https://peace.sites.uu.nl
- [ ] a server hosted elsewhere (i.e. not by the research software lab)
- [ ] a local server

### Version

5.26.0

### Steps to reproduce

- Go to https://textcavator.hum.uu.nl/search/dbnl?sort=year,asc&p=4

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the layout at https://textcavator.hum.uu.nl/search/dbnl?sort=year,asc&p=4, including the sticky view after scrolling. Identify the search-results row containing the sort dropdown and paginator; done means the controls remain within their container and use an acceptable layout when they do not fit.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.