carbon-app/carbon

Web app is unusable on mobile

Open

#1.287 geöffnet am 30. Nov. 2021

Auf GitHub ansehen
 (9 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (1.974 Forks)batch import
bughelp wanted

Repository-Metriken

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

Beschreibung

Describe the bug The mobile version of Carbon is unusable in a few ways. Primarily because there is no mobile version. Scrolling horizontally is unavailable, cutting off many buttons.

Expected behavior A mobile version of the app so one can quickly paste code into and export.

Screenshots image

Info (please complete the following information):

  • OS [e.g. macOS, Linux, Windows, iOS]: iOS 15.0
  • Browser [e.g. Chrome, Safari, Firefox]: Safari and Chrome

Contributor Guide

Research-Richtung
Das Problem beschreibt, dass die Web App keine mobile Responsivität aufweist, was zu horizontalen Scrollproblemen führt. Untersuche zunächst die aktuellen Layout Komponenten und CSS Dateien (z. B. `src/components/`, `src/styles/`), um das nur für Desktop ausgelegte Design zu verstehen. Durchsuche die Kommentare nach vorgeschlagenen Ansätzen oder Teilarbeiten. Erwäge die Implementierung von Media Queries und touchfreundlichen Interaktionen. Das Problem ist umfangreich; eine Aufteilung in kleinere Aufgaben (z. B. spezifische Komponenten) könnte helfen. Überprüfe die Beitragsrichtlinien des Repositorys auf mobile spezifische Anweisungen.
Tech Stack
javascriptcsshtmlreact
Domain
frontendmobile
Issue Type
Fehler
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.
1-2 Tage
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
htmlcssjavascriptreact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
45