Agregar un componente Astro reutilizable para volver a la página anterior, respetando el historial real del navegador y evitando interferencias con navegación interna por anchors dentro de la misma página, como ocurre en las publicaciones, en donde existe una tabla de contenidos en donde el usuario puede saltar a diferentes partes de la publicación. O con el anchor de volver arriba (#)
El objetivo es mejorar la experiencia de navegación, principalmente en dispositivos móviles, permitiendo volver fácilmente a la vista anterior sin tener que interactuar con la barra del navegador o con gestos del sistema operativo
Donde debe aplicarse:
- Desde una publicación individual, volver a la página de la materia
- Desde una página de materia, volver a la vista del semestre
- Desde una vista de semestre, volver al catálogo general de materias
Especificaciones
- El componente debe ser implementado en HTML + JS siguiendo las convenciones de nombres del proyecto y de Astro, ver https://developer.mozilla.org/en-US/docs/Web/API/Window/history
- Debe ignorar interacciones con anchors (#introduccion, #resumen, etc.)
- Debe distinguir entre navegación entre páginas y navegación interna de una publicación
- Debe ubicarse visualmente arriba del contenido principal
Basarse en el diseño propuesto en el figma: https://www.figma.com/design/lOBn1GCUvYWJjsdQrQjNII/Ideal?node-id=0-1&t=TGtfas9Oxhl8sr20-1
Agregar un componente Astro reutilizable para volver a la página anterior, respetando el historial real del navegador y evitando interferencias con navegación interna por anchors dentro de la misma página, como ocurre en las publicaciones, en donde existe una tabla de contenidos en donde el usuario puede saltar a diferentes partes de la publicación. O con el anchor de volver arriba (#)
El objetivo es mejorar la experiencia de navegación, principalmente en dispositivos móviles, permitiendo volver fácilmente a la vista anterior sin tener que interactuar con la barra del navegador o con gestos del sistema operativo
Donde debe aplicarse:
Especificaciones
Basarse en el diseño propuesto en el figma: https://www.figma.com/design/lOBn1GCUvYWJjsdQrQjNII/Ideal?node-id=0-1&t=TGtfas9Oxhl8sr20-1