Skip to content

Implementar botón "Volver" con historial real de navegación #58

@geroxima

Description

@geroxima

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

Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions