Saltar al contenido principal

Drawer de menú lateral (móvil)

Ficha técnica
  • Impacto — Tema: override theme_boost/primary-drawer-mobile.mustache, AMD frontpage_header_scroll.js, SCSS del encabezado
  • Impacto — Plugin: —
  • Figma: 19605-5435 · Estado: Implementado

Propósito​

Rediseña el cajón de navegación principal que Moodle despliega en anchos de móvil, para que use el lenguaje visual del campus en lugar del cajón por defecto de Boost.

El contenido del menú lo sigue aportando el núcleo (mobileprimarynav): el override solo cambia la presentación —cabecera, etiquetas y disposición— y asigna el icono de cada entrada por CSS a partir de su atributo data-key, sin tocar la construcción del menú.

Acompaña al drawer el módulo frontpage_header_scroll.js, que gobierna el comportamiento del encabezado de la portada al desplazar la página.

Por qué el icono va por CSS​

Los nodos de navegación primaria de Moodle no exponen un icono en su modelo de datos. Asignarlo desde el marcado obligaría a reconstruir el menú en el tema y a mantener sincronizada esa reconstrucción con cada cambio del núcleo.

Anclando el icono a data-key —un atributo que core ya emite y que identifica cada entrada— el tema añade la capa visual sin apropiarse de la lógica de navegación: si el MEN añade o retira una entrada del menú, aparece o desaparece sola.

Verificación​

En un ancho de móvil, abrir el menú lateral desde cualquier página del campus: debe desplegarse con el diseño del tema, mostrar las mismas entradas que la navegación de escritorio y cerrarse correctamente. Comprobar además el comportamiento del encabezado de la portada al hacer scroll.