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

Fix blog post pagination token padding issue #863

Merged
merged 5 commits into from
Nov 29, 2023

Conversation

JensRantil
Copy link
Contributor

@JensRantil JensRantil commented Nov 26, 2023

Prerequisites

Put an x into the box(es) that apply:

  • This pull request fixes a bug.
  • This pull request adds a feature.
  • This pull request introduces breaking change.

Description

It fixes lack of padding for the pagination tokens when listing blog posts. Please review the PR commit by commit.

Issues Resolved

Checklist

Put an x into the box(es) that apply:

General

  • Describe what changes are being made
  • Explain why and how the changes were necessary and implemented respectively - see commit messages.
  • Reference issue with #<ISSUE_NO> if applicable

Resources

  • If you have changed any SCSS code, run make release to regenerate all CSS files

Contributors

  • Add yourself to CONTRIBUTORS.md if you aren't on it already

...based on [1]. I am by no means a web developer expert these days, but
adding `display: flex` seem to ignore the whitespace. Also ChatGPT tols
me to add `justify-content: center` to make the `<ul>` element presented
centered.

This commit does _not_ fix [2], but it recreates the issue for
`localhost` (`hugo server serve`) such that I can actually fix the bug.

[1] https://stackoverflow.com/a/14173761
[2] luizdepra#837
...as per pull request template.
...as per pull request template.
@JensRantil JensRantil changed the title Fix pagination padding issue 837 Fix blog post pagination token padding issue Nov 26, 2023
}
margin: 0;
text-align: center;
width: 2.2rem;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

FYI, this width was selected rather arbitrary. This is what the current pagination looks like:

image

Copy link
Owner

Choose a reason for hiding this comment

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

It looks nice to me. :D

luizdepra
luizdepra previously approved these changes Nov 29, 2023
@luizdepra luizdepra merged commit d815521 into luizdepra:main Nov 29, 2023
4 checks passed
JensRantil added a commit to JensRantil/jensrantil.github.io that referenced this pull request Feb 16, 2024
JensRantil added a commit to JensRantil/jensrantil.github.io that referenced this pull request Feb 16, 2024
JensRantil added a commit to JensRantil/jensrantil.github.io that referenced this pull request Feb 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants