Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
  • Algo errado?
#1,272 1 comentário 2 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 8 dias

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
48/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
javascript
Domínio
frontend

Direção de pesquisa

Comece rastreando o recurso mergeNavbar existente e o caminho de execução que atualiza o aplicativo Docsify quando a janela é redimensionada. Verifique como a opção proposta mergeNavbarAtWidth deve interagir com o limite atual para dispositivos móveis e, em seguida, confirme que redimensionar a janela atravessando a largura configurada mescla e separa a navbar conforme esperado.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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?
Linguagem predominante
JavaScript
Estrelas
31.5k
Forks
5.8k
Merge médio
7d 18h
PRs com merge (30d)
9

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de docsifyjs/docsify

Todas as issues de docsifyjs/docsify

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.