I would love a "Side Note" block

Aperta
  • Qualcosa non va?
#2,148 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
30/100
Tipo di issue
Funzionalità
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
scss
Ambito
design, frontend

Direzione di ricerca

La issue non indica alcun file, test o punto di ingresso. Esamina i pattern esistenti di componenti e blocchi nel design system, quindi studia l’esempio di Tufte CSS collegato; il lavoro è completo quando include un blocco side-note per note a margine o diagrammi correlati che viene visualizzato inline sugli schermi piccoli.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

✒️ 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.

Lingua principale
SCSS
Stelle
26
Fork
4
Merge medio
16h 7m
PR unite (30g)
88

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di cloudfour/cloudfour.com-patterns

Tutte le issue di cloudfour/cloudfour.com-patterns

Issue simili

Altre issue su Design

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.