Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Standardize Mobile Screen Width

Aperta
  • Qualcosa non va?
#249 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 5 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
angular, typescript
Ambito
design, frontend, web-dev

Direzione di ricerca

Inizia individuando la logica esistente per la larghezza mobile nelle pagine di ricarica, del grafico e di landing, quindi esamina come ngx-device-detector potrebbe supportare un servizio condiviso. Il lavoro è completato quando tutte le pagine usano la larghezza dello schermo del grafico, rimangono utilizzabili alla larghezza desktop minima e in una vista iPhone, e sono disponibili gli screenshot richiesti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

angular-client
Description

Currently we have a different screen mobile width (width when we switch to a mobile view) for the charging page, graph screen, and landing page. Use the graph screen mobile width across all pages.

Also part of this ticket is adjusting current UI so that it will work for smaller widths when on a desktop view.

Should use this: https://www.npmjs.com/package/ngx-device-detector

Acceptance Criteria

Mobile widths are standardized... and screen shots of normal looking UI are provided of:

  1. All pages when they are squeezed to a pixel away from the mobile screen width (smallest desktop view)
  2. All pages look normal in a iphone mobile view
Proposed Solution

This will involve creating a service that abstracts the logic we already have and can be used by all pages, here is an article that explains how to do something likes this: https://betterprogramming.pub/creating-angular-webapp-for-multiple-views-and-screen-sizes-50fe8a83c433
Plus adjust components in each page to make the UI looks NICE, squeezed desktop views, and mobile views
If you have any questions just ask in software_argos on Slack.

Lingua principale
TypeScript
Stelle
5
Fork
1
Merge medio
5g 13h
PR unite (30g)
24

Preparare l'ambiente

  • Nessun Dockerfile né file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di Northeastern-Electric-Racing/Argos

Tutte le issue di Northeastern-Electric-Racing/Argos

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.