You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Jun 10, 2023. It is now read-only.
The buttons that are generated in the "Read Other Posts" section at the bottom of a post are not properly responsive:
I was able to correct the issue:
I did this by modifying the following code in pagination.scss, but there may be a better way to do it:
@media($phone) {
// flex: 1;
width: 90%;
}
I also made some other stylistic choices you may consider:
a {
display: flex;
justify-content: center;
flex: 1;
padding: 8px 16px;
text-decoration: none;
text-overflow: ellipsis;
// the next line was preventing the text from wrapping and only providing a very short cut of the title on mobile.
// white-space: nowrap;
overflow: hidden;
}
&__text {
text-overflow: ellipsis;
overflow: hidden;
}
&.next .button__icon {
display: flex; // new
margin-left: 8px;
align-items: center; // new
}
&.previous .button__icon {
display: flex; // new
margin-left: 8px;
align-items: center; // new
}
Let me know your thoughts, and I would be happy to create a PR if you like some or all of the changes.
The text was updated successfully, but these errors were encountered:
The buttons that are generated in the "Read Other Posts" section at the bottom of a post are not properly responsive:
I was able to correct the issue:
I did this by modifying the following code in pagination.scss, but there may be a better way to do it:
I also made some other stylistic choices you may consider:
Let me know your thoughts, and I would be happy to create a PR if you like some or all of the changes.
The text was updated successfully, but these errors were encountered: