vinitshahdeo/PortScanner

[Frontend] Responsive Navbar

Ouverte

#58 ouverte le 16 août 2020

Voir sur GitHubGuide contributeur
 (3 commentaires) (0 réaction) (1 personne assignée)Python (122 forks)auto 404
CH20UI / UXeasyenhancementgood first issuehacktoberfesthelp wantedup for grabs

Métriques du dépôt

Stars
 (150 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

Responsive navbar required for the current UI/UX for the project.

Make the required changes in the src/templates/index.html and src/static/index.css to add responsiveness in the navbar. In mobile view, navbar should toggle on button click and vary it's size according to screen size in desktop as well as mobile view.

Guide contributeur

Direction de recherche
Étudiez le balisage existant de la barre de navigation dans src/templates/index.html et les styles dans src/static/index.css. Comprenez le comportement de bascule requis pour les mobiles et le dimensionnement réactif. Implémentez des media queries et du JavaScript pour le bouton de bascule.
Stack technique
htmlcss
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
HTMLCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75