YaleComputerSociety/Yalies-Legacy

Make top header hide behind hamburger menu on small screens

Aperta

#181 aperta il 5 nov 2022

Vedi su GitHub
 (1 commento) (0 reazioni) (1 assegnatario)Python (23 fork)auto 404
enhancementfront-endgood first issuewill be fixed during rewrite

Metriche repository

Star
 (12 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

I did this recently in https://mebots.io (see most of the relevant code in this file: https://github.com/MeBots/MeBots/blob/master/app/static/css/main.css). It would be nice to hide the top buttons behind a hamburger menu on mobile devices to avoid taking up valuable screen real estate, as most mobile users are probably not looking for anything in the top bar.

Guida contributor

Direzione di ricerca
Studia l'attuale struttura HTML e CSS dell'intestazione. Implementa un menu hamburger che nasconde i link superiori su schermi piccoli e ne alterna la visibilità al clic.
Tech stack
csshtml
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75