Add zoom in/out control for the board 🔍
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Facilidade para iniciantes
- 78/100
- Tipo de issue
- Funcionalidade
- Clareza
- Claramente especificada
- Status de atividade
- Ativa
- Stack de tecnologia
- javascript, react
- Domínio
- frontend
Direção de pesquisa
Comece em client/src/pages/Dashboard.jsx, o arquivo mencionado na issue, e leia como o board e a navbar são renderizados. Adicione os controles de zoom e conecte o estado do zoom à exibição do board, respeitando os limites descritos na issue. Verifique se o board aumenta e diminui o zoom em etapas de 10%, de 60% a 130%, inclusive em uma tela pequena.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Add zoom in/out control for the board 🔍
File: client/src/pages/Dashboard.jsx
With many columns board gets tiny 💀
No way to zoom in/out fr!!
Fix:
const [zoom, setZoom] = useState(100)
// zoom controls in navbar:
setZoom(z => Math.max(z-10, 60))} className="text-[#666] hover:text-[#aaa] text-sm px-1"> − {zoom}% setZoom(z => Math.min(z+10, 130))} className="text-[#666] hover:text-[#aaa] text-sm px-1"> +
~10 lines! No backend needed 🎯
Super useful on small screens!! 🔥
- Linguagem predominante
- JavaScript
- Estrelas
- 39
- Forks
- 105
- Merge médio
- 1d 20h
- PRs com merge (30d)
- 28
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Sem modelo de pull request
- Ler o 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 anoopcodehack/DevBoard
-
Import tasks from CSV file 📤Abertaenhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
anoopcodehack/DevBoard#588 ·
Mantenedores costumam responder em até 1 dia
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
anoopcodehack/DevBoard#587 ·
Mantenedores costumam responder em até 1 dia
-
good first issue
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 90/100
anoopcodehack/DevBoard#586 ·
Mantenedores costumam responder em até 1 dia
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
anoopcodehack/DevBoard#584 ·
Mantenedores costumam responder em até 1 dia
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 85/100
anoopcodehack/DevBoard#583 ·
Mantenedores costumam responder em até 1 dia
Todas as issues de anoopcodehack/DevBoard
Issues semelhantes
-
Engineering
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 66/100
techmatters/terraso-web-client#3095 ·
-
bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
-
Service process inherits the caller's cwd at first use, holding that folder open on Windows (EBUSY)Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
nextcloud/viewer#3424 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
Mantenedores costumam responder em até 1 dia