Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

On Distributions, fix line-item column headers wrapping and alignment on narrow screens

Offen Anfängerfreundlich
  • Stimmt etwas nicht?
#5,603 8 Kommentare 0 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

@Sinkleberg arbeitet bereits daran.

Seit 12.10.2026.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
68/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
rails, ruby
Bereich
design, frontend

Rechercherichtung

Reproduziere das Problem aus Requests, indem du eine gestartete Anfrage öffnest, “Fulfill request” auswählst und das Fenster schmaler machst; vergleiche es mit dem regulären Formular für eine neue Verteilung. Überprüfe die Kopfzeile der Einzelposten unter “Items in this distribution” und stelle sicher, dass die Kopfzeilen Quantity, Total Units und Requested weiterhin lesbar und an ihren Eingabefeldern oder Werten ausgerichtet sind; erstelle anschließend Screenshots vorher und nachher.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Summary

On distributions (both when fulfilling a request and on the regular form), making your screen narrower breaks the line-item column headers: "Quantity - Total Units" wraps onto three lines and the headers stop lining up with the inputs/values below them. Tidy up the header row so it stays readable and aligned on narrow screens.

Why

The form looks broken on narrow screens — the header text wraps awkwardly and drifts out of alignment with its columns, making "Items in this distribution" hard to read.

Details

This was noticed while fixing #5556 (the item dropdown not resizing). With the dropdown now responsive to window width, the remaining roughness is in the header row of "Items in this distribution":

  • The "Quantity - Total Units" header wraps onto three lines on a narrow window.
  • The "Requested" header (and the "Quantity" header) no longer line up vertically with the input/value they label.

To see this, sign in as [email protected], click Requests, click view beside a started request, click "Fulfill request" (this also happens on the regular new distribution form), then make the window narrow.

Criteria for completion

  • line-item column headers stay readable (no awkward multi-line wrapping) on narrow screens
  • headers line up with the inputs/values they label
  • include before/after screenshots in your PR
Vorherrschende Sprache
Ruby
Sterne
594
Forks
596
Ø Merge
2 T. 20 Std.
Gemergte PRs (30 T.)
12

Entwicklungsumgebung

In Codespaces öffnen

Startet den Dev-Container des Projekts im Browser, mit Ihrem eigenen GitHub-Konto.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus rubyforgood/human-essentials

Alle Issues in rubyforgood/human-essentials

Ähnliche Issues

Weitere Issues zu Ruby

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.