Semantic-Org/Semantic-UI-React

Make website reponsive for mobile devices

Open

#4 150 ouverte le 6 févr. 2021

Voir sur GitHub
 (4 commentaires) (2 réactions) (0 assignés)JavaScript (4 065 forks)batch import
help wantedneeds engineering

Métriques du dépôt

Stars
 (13 136 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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

Guide contributeur

Direction de recherche
Étudiez l'implémentation actuelle du composant de barre latérale dans Semantic UI React (probablement le composant Sidebar ou Menu). Utilisez les requêtes média CSS pour masquer la barre latérale sur les viewports mobiles. Alternativement, envisagez d'utiliser l'état React pour basculer la visibilité de la barre latérale. Étant donné que le problème concerne la barre de menu latérale qui couvre l'écran, concentrez vous sur l'application d'une classe hidden ou de display: none sur les écrans plus petits. La documentation du dépôt peut fournir des conseils sur les modèles de conception responsive.
Stack technique
javascriptreactcss
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.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
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
GitReactCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70