status-im/snt-voting

Create responsive design for mobile vs desktop

Offen

#28 geöffnet am 29.10.2018

Auf GitHub ansehen
 (9 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (7 Forks)auto 404
Voting flowhelp wanted

Repository-Metriken

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

Beschreibung

Description

We need to implement responsive. Current implementation enlarges the elements from mobile to desktop. This presents a couple of issues:

  • Mobile design not intended for desktop (everything is stretched)
  • Poor UX since we cannot recognize yet if the user is on mobile/desktop. By identifying the user's device, we can improve the experience. E.g. Focus the experience on MM or Ledger if the user is on desktop.

Example: Mobile step4 -_ connect the wallet1

Desktop step 3 - connect

UX mobile & desktop

Contributor Guide

Research-Richtung
Implementieren Sie responsives Design mit CSS Media Queries und Flexbox/Grid. Beziehen Sie sich auf das Figma Design für mobile und Desktop Layouts. Testen Sie auf verschiedenen Bildschirmgrößen.
Tech Stack
javascriptcssreact
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
GitCSSHTML
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70