Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

option to specify screen width at which point navbar is merged into sidebar

Abierto
  • ¿Algo no está bien?
#1,272 1 comentario 2 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
48/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript
Área
frontend

Línea de trabajo

Comienza siguiendo la implementación existente de la funcionalidad mergeNavbar y la ruta de ejecución que actualiza la aplicación Docsify cuando se cambia el tamaño de la ventana. Comprueba cómo debería interactuar la opción propuesta mergeNavbarAtWidth con el umbral móvil actual y, después, verifica que al cambiar el tamaño de la ventana atravesando el ancho configurado la navbar se fusione y se separe como se espera.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Feature request

The existing mergeSidebar option is nifty: it allows you to merge the navbar into the sidebar for smaller screens, otherwise it won't look right.

However, the navbar can still look funky at certain sizes that are bigger than the mobile size (768px and up).

For example:

bad-navbar

What problem does this feature solve?

An option would prevent cases when the navbar doesn't fit well at the top, even if the screen width is bigger than mobile.

What does the proposed API look like?

A new option (maybe something like mergeNavbarAtWidth) would allow us to specify a width at which the navbar should be merged.

How should this be implemented in your opinion?

We need to update the mergeNavbar feature to operate at runtime any time the width of the Docsify app is updated, instead of only at the beginning. Then, we need to merge the navbar when the width is below the specified size in the mergeNavbarAtWidth option.

We need to make this operate on resizes because people may resize their window.

At the moment, the merging only happens once initially, but if we resize our window from desktop size to mobile size then the navbar will not be merged. In this video I shrink my window and the menu does not get merged:

no-merge

If you visit the site on your mobile phone (https://lume.io/docs), or do a refresh when your desktop browser window is on mobile size, then you will see the menu inside of the sidebar like the following:

mobile-menu

Are you willing to work on this yourself?
Lenguaje dominante
JavaScript
Estrellas
31.5k
Forks
5.8k
Merge medio
2 d 14 h
PR fusionados (30 d)
5

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de docsifyjs/docsify

Todos los issues de docsifyjs/docsify

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.