refined-github/refined-github

Restore `recently-pushed-branches-enhancements` feature

Offen

#6.295 geöffnet am 04.02.2023

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (1.423 Forks)batch import
enhancementhelp wanted

Repository-Metriken

Stars
 (22.918 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 1T 18h) (44 gemergte PRs in 30 T)

Beschreibung

Description

We tried making that feature "look good" via CSS but we were limiting ourselves too much.

A better solution would be:

  1. Load fragment on pages that don't have it, like before
  2. Hide box via CSS (not display: none but more like .visuallyhidden, or else the next step won't work)
  3. Detect it via selector-observer
  4. Add a custom button somewhere in the header (e.g. a green PLUS next to the PRs tab)
  5. When clicked, show the whole element unchanged

This means:

  • We have total control over the display of the button
  • We never have to alter the style of the actual branch list

Screenshot

No response

Example URLs

https://github.com/refined-github/refined-github (hide native box) https://github.com/refined-github/refined-github/issues (load box and hide it)

Contributor Guide

Research-Richtung
Implementieren Sie die vier Schritte: Laden Sie das Fragment auf Seiten, die es nicht haben, blenden Sie die Box mit CSS wie visuell verborgen aus, erkennen Sie es mit selector observer, fügen Sie eine benutzerdefinierte Schaltfläche im Header hinzu, die das Element bei Klick anzeigt.
Tech Stack
typescriptcss
Domain
frontend
Issue Type
Funktion
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
GitJavaScriptCSSDOM manipulation
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70