mikhael28/paretOS

Enhancement: Experience module mobile view needs improvement

Ouverte

#154 ouverte le 28 mars 2022

Voir sur GitHubGuide contributeur
 (1 commentaire) (0 réaction) (0 personne assignée)JavaScript (45 forks)auto 404
Reactdesigngood first issueresponsive

Métriques du dépôt

Stars
 (35 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

Description

The mobile view of the experience module has a 'squashed' appearance.

Maybe the experience cards could be scrollable horizontally in the upper quarter of the view, and then the experience content could show below them based on which is card is selected?

Steps to Reproduce

  1. After setting up the project on your local machine, unlock the experience module (on the pay screen, click on the "no donation" link in the lower left)
  2. Click on one of the three experience categories
  3. Switch to mobile view in developer tools

Additional Information

  • Submit button should be fully contained within the experience content screen
  • Experience cards should display full titles (currently they're extending past the boundary of the card
  • Checkbox icons should be fully contained within the card
  • Long urls should wrap rather than extending past the boundary of the content screen
  • "Experience Module" and the info icon should be on the same line and the info icon should be smaller/less distracting

Guide contributeur

Direction de recherche
Inspectez la vue mobile du module d'expérience. Implémentez un défilement horizontal pour les cartes d'expérience dans le quart supérieur, affichez le contenu de l'expérience en dessous en fonction de la carte sélectionnée. Assurez vous que le bouton de soumission est entièrement contenu, que les cartes affichent des titres complets, que les icônes de case à cocher sont contenues, que les longues URL passent à la ligne, et que le titre du module et l'icône d'information soient sur la même ligne avec une icône plus petite.
Stack technique
javascript
Domaine
frontend
Type d'issue
Bug
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.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Git
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75