fix: navegación anterior/siguiente compacta en mobile - #249
Conversation
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 22491eb1c5
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| <span class="story-kicker shrink-0">← Anterior</span> | ||
| <a | ||
| href="{{ page.lower.permalink }}" | ||
| class="story-title-xs sm:block sm:mt-1 min-w-0 truncate" |
There was a problem hiding this comment.
Limit truncation to mobile navigation only
When the previous/next title is longer than the nav column, this unconditional truncate also applies at sm and wider breakpoints, so desktop article navigation now hides most of the title with an ellipsis instead of wrapping as it did before. Since the change is for compact mobile navigation and the parent switches back to sm:block, make the truncation mobile-only or undo it at the sm breakpoint so full titles remain visible on desktop.
Useful? React with 👍 / 👎.
Cierra #129
En mobile, el kicker ("← Anterior" / "Siguiente →") y el título del artículo prev/next se mostraban en dos líneas separadas, quedando visualmente mal.
Cambios
src/styles/site.css.article-nav-prev, .article-nav-next: agregaflex items-baseline gap-1en mobile ysm:blockpara revertir a layout vertical en desktop.templates/article.htmlshrink-0para que nunca se comprima.block mt-1porsm:block sm:mt-1 min-w-0 truncate— inline en mobile (una sola línea), block con margen en desktop; truncación para títulos largos.Resultado
Siguiente →alineado a la derecha. Sin cambios de diseño.