Semantic-Org/Semantic-UI-React

Make website reponsive for mobile devices

Open

#4.150 geöffnet am 6. Feb. 2021

Auf GitHub ansehen
 (4 Kommentare) (2 Reaktionen) (0 zugewiesene Personen)JavaScript (4.065 Forks)batch import
help wantedneeds engineering

Repository-Metriken

Stars
 (13.136 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Feature Request

Add responsiveness for mobile devices.

Problem description

When a user accesses the website via a mobile device, it becomes very difficult for them to even access the content as the side menubar cover up the whole screen.

Proposed solution

Allowing the side menu bar to hide automatically when the screen size reduces to a certain dimension.

Screenshot (Mobile view)

semanticuiissue

Contributor Guide

Research-Richtung
Untersuche die aktuelle Implementierung der Sidebar Komponente in Semantic UI React (wahrscheinlich die Sidebar oder Menu Komponente). Verwende CSS Media Queries, um die Sidebar auf mobilen Viewports auszublenden. Alternativ erwäge, den React State zu verwenden, um die Sichtbarkeit der Sidebar umzuschalten. Da es bei dem Problem darum geht, dass die seitliche Menüleiste den Bildschirm überdeckt, konzentriere dich darauf, eine versteckte Klasse oder display: none auf kleineren Bildschirmen anzuwenden. Die Dokumentation des Repositorys könnte Anleitungen zu responsiven Designmustern enthalten.
Tech Stack
javascriptreactcss
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
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
GitReactCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70