sourcegraph/sourcegraph-public-snapshot

Copy to clipboard and branches dropdown overlap in mobile

Offen

#25.240 geöffnet am 22.09.2021

Auf GitHub ansehenContributor Guide
 (8 Kommentare) (0 Reaktionen) (1 zugewiesene Person)Go (1.374 Forks)auto 404
good first issue

Repository-Metriken

Stars
 (10.290 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Problem statement

Success criteria

  1. Repository name is trimmed if there's not enough space for it using text-overflow: ellipsis;.
  2. Branch name is trimmed if there's not enough space for it using text-overflow: ellipsis;.
  3. The UI is optimized for minimum device width of 320px.

Example of the result:

Contributor Guide

Research-Richtung
Finden Sie die mobile Header Komponente im Codebase. Fügen Sie CSS `text overflow: ellipsis` zu den Elementen für den Repository Namen und den Branch Namen hinzu. Passen Sie das Layout an, um Überlappungen zwischen der Schaltfläche zum Kopieren in die Zwischenablage und dem Dropdown Menü für Branches zu vermeiden. Testen Sie die Änderungen auf einem mobilen Viewport mit einer Breite von 320px.
Tech Stack
csshtml
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
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
CSSHTMLGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85