Signed-in header overflows at md–lg widths (768–1023px)
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 72/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Ativa
- Stack de tecnologia
- tailwindcss, typescript
- Domínio
- accessibility, frontend
Direção de pesquisa
Comece pelo ponto de entrada AuthControls e revise plans/site-check-153.md e PR #154 para verificar a correção relacionada ao estado anônimo. Reproduza o cabeçalho de usuário autenticado em 768–1023px e, em seguida, verifique se o tratamento escolhido para o nome mantém Help Wanted em uma única linha, sem rolagem horizontal do documento, preservando a barra móvel e o rótulo de conta acessível.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Surfaced while closing out plans/site-check-153.md (PR #154), which fixed the anonymous-state overflow in the same band.
Tailwind's container is 768px wide across the whole 768–1023 range, leaving a 736px content box. Signed-out, the header now fits (measured 752px right edge at 768). Signed-in, AuthControls renders avatar + full name + caret (hidden sm:inline on the name), which is roughly 100px wider than the "Sign in" button, so the utility cluster pushes "Help Wanted" onto two lines and the document scrolls horizontally again. This predates #154 (the name + 192px search + Volunteer already exceeded the box).
Options: hide the name below lg in the desktop cluster only (the same AuthControls also renders in the mobile bar at 640–767, where there is room for it, so it needs a prop or a second breakpoint), or shorten to first name below lg. The aria-label="Account menu for …" already carries the accessible name, so hiding the visible text costs nothing for AT.
- Linguagem predominante
- TypeScript
- Estrelas
- 1
- Forks
- 1
- Merge médio
- 57min
- PRs com merge (30d)
- 57
Preparar o ambiente
- Inclui um Dockerfile ou arquivo Docker Compose
- Sem modelo de pull request
- Sem guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de CodeForPhilly/codeforphilly-ng
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 84/100
CodeForPhilly/codeforphilly-ng#178 ·
Mantenedores costumam responder em até 1 dia
-
MarkdownEditor toolbar: use Radix Toolbar from radix-ui instead of the hand-rolled roving tabindexAbertaenhancement
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
CodeForPhilly/codeforphilly-ng#169 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
CodeForPhilly/codeforphilly-ng#89 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
CodeForPhilly/codeforphilly-ng#87 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 74/100
CodeForPhilly/codeforphilly-ng#50 ·
Mantenedores costumam responder em até 1 dia
Todas as issues de CodeForPhilly/codeforphilly-ng
Issues semelhantes
-
needs-area-label
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 66/100
Mantenedores costumam responder em até 2 dias
-
Website: the hero tip's video play() has no catch, so a refused play is an unhandled rejectionAberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
liberation-data/drivine#615 ·
Mantenedores costumam responder em até 1 dia
-
backend bug ready-for-agent
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
geolens-io/geolens#3639 ·
Mantenedores costumam responder em até 1 dia
-
bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
radius-project/ai-extensions#1196 ·
Mantenedores costumam responder em até 1 dia
-
good first issue
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 88/100