I would love a "Side Note" block

Offen
  • Stimmt etwas nicht?
#2,148 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
30/100
Issue-Typ
Feature
Klarheit
Muss geklärt werden
Aktivitätsstatus
Veraltet
Tech-Stack
scss
Bereich
design, frontend

Rechercherichtung

Das Issue nennt keine Datei, keinen Test und keinen Einstiegspunkt. Überprüfe die bestehenden Komponenten- und Blockmuster im Designsystem und sieh dir anschließend das verlinkte Tufte-CSS-Beispiel an; abgeschlossen ist die Aufgabe, wenn ein side-note-Block für Anmerkungen oder zugehörige Diagramme enthalten ist, der auf kleinen Bildschirmen inline angezeigt wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

✒️ gutenberg

It can be nice to have an easy way to add asides or related diagrams to articles. For example here's a screen shot of side notes I've used in the past when writing about technical topics outside of the Cloud Four blog:

image

(I saw Tufte CSS over the weekend which also got me thinking about this.)

I wonder if we could make a block to support this use case? My assumption would be that on small screens it would switch to displaying inline in the text?

This might be simpler to build than footnote support while allowing a similar functionality.

Vorherrschende Sprache
SCSS
Sterne
26
Forks
4
Ø Merge
20 Std. 1 Min.
Gemergte PRs (30 T.)
87

Entwicklungsumgebung

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 cloudfour/cloudfour.com-patterns

Alle Issues in cloudfour/cloudfour.com-patterns

Ähnliche Issues

Weitere Issues zu Design

Neue Issues direkt in Ihr Postfach

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