vinitshahdeo/PortScanner

[Frontend] Responsive Navbar

Offen

#58 geöffnet am 16.08.2020

Auf GitHub ansehenContributor Guide
 (3 Kommentare) (0 Reaktionen) (1 zugewiesene Person)Python (122 Forks)auto 404
CH20UI / UXeasyenhancementgood first issuehacktoberfesthelp wantedup for grabs

Repository-Metriken

Stars
 (150 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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.

Contributor Guide

Research-Richtung
Untersuche das vorhandene Navbar Markup in src/templates/index.html und die Styles in src/static/index.css. Verstehe das erforderliche Toggle Verhalten für Mobilgeräte und die responsive Größenanpassung. Implementiere Media Queries und JavaScript für den Toggle Button.
Tech Stack
htmlcss
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
HTMLCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75