I would love a "Side Note" block

Aberta
  • Algo errado?
#2,148 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
30/100
Tipo de issue
Funcionalidade
Clareza
Precisa de esclarecimento
Status de atividade
Estagnada
Stack de tecnologia
scss
Domínio
design, frontend

Direção de pesquisa

A issue não nomeia nenhum arquivo, teste ou ponto de entrada. Revise os padrões existentes de componentes e blocos no sistema de design e, em seguida, estude o exemplo vinculado de Tufte CSS; o trabalho estará concluído quando incluir um bloco side-note para notas laterais ou diagramas relacionados que seja exibido inline em telas pequenas.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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

Linguagem predominante
SCSS
Estrelas
26
Forks
4
Merge médio
16h 7min
PRs com merge (30d)
88

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de cloudfour/cloudfour.com-patterns

Todas as issues de cloudfour/cloudfour.com-patterns

Issues semelhantes

Mais issues de Design

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.