Estilização de <code>ins</code> e <code>del</code>

Experiência do Usuário
1

Would it be possible to add the following styling for <ins> and <del>?

ins { text-decoration: underline; }
del { text-decoration: line-through; }

Example:

But soft, what light through thatyonder window breaks?

Red for deletions and green for insertions are very much conventional. Word processor features, such as Word’s Track Changes, universally use underlining and strikeout, as well. The default stylesheet of my Chrome browser does likewise. But I just see background-colored text on Discourse forums.

I suspect Discourse’s CSS reset may be clobbering it.

6 curtidas
2

Relying on color alone is a little rough for red-green colorblind people, so that could help here too… simulated example:

Screen Shot 2021-11-02 at 1.30.56 PM

5 curtidas
3

I suppose it’s also worth considering whether the color cue should be background, color, or both.

2 curtidas
4

Então você está sugerindo que usemos ambas cor e sublinhado/risco aqui? Para mim tudo bem, @awesomerobot se você quiser incluir isso, parece uma mudança pequena e fácil.

1 curtida
5

A norma no direito é texto verde e sublinhado para inserções e texto vermelho e tachado para exclusões. Acredito que a diferença de prosa do GitHub faça fundo verde e sublinhado para inserções e fundo vermelho e tachado para exclusões.

Eu recomendaria fortemente combinar cor e decoração de texto. Não tenho uma opinião forte sobre se devo colorir o texto, o fundo ou ambos, desde que a abordagem para inserções e exclusões seja a mesma.

Também pode valer a pena pensar no modo escuro. Acabei de abrir uma diferença de prosa do GitHub e é difícil ver a estilização no fundo cinza do modo escuro.

3 curtidas
6

Para mim tudo bem, se o @awesomerobot for a favor, vamos lá!

4 curtidas
9

Notei que o GitHub apenas faz sublinhado e riscado para \\u003cins\u003e e \\u003cdel\u003e em comentários. Mas posso confirmar que sinto falta da cor. É difícil identificar todas as alterações em um grande bloco de conteúdo rapidamente sem as dicas de cor.

4 curtidas
10

Ainda a favor. Se @awesomerobot concordar, vamos em frente.

2 curtidas
11

Isso afetaria todo mundo? Eu uso isso para destacar. LOL

4 curtidas
12

Isso afetaria a todos, mas <mark> também funciona para <mark>realce</mark>!

Acho que deveríamos fazer tanto a estilização de cor quanto de texto; chegaremos a isso, é apenas baixa prioridade.

3 curtidas
13
8 curtidas
14

Verdade, mas o verde e o vermelho oferecem mais opções. Poderia ser uma configuração para destacar apenas ou adicionar estilo de texto?

Eu os usei bastante em blogs. Isso os mudará completamente.

exemplo:

image
image711×116 18.8 KB

2 curtidas
15

Kris precisará confirmar 100%, mas tenho 99% de certeza de que podemos substituir rapidamente o novo sublinhado/riscado por meio de um componente de tema em seu site.

3 curtidas
16

Sim, com certeza! Atualizarei seu tema para que não haja nenhuma alteração!

4 curtidas
17

Talvez @ThunderThighs gostaria de estilos para mark.red, mark.green, mark.blue, e assim por diante?

Muitos amigos que usam marcadores gostam de ter várias cores deles.
Você também pode considerar conteúdo :before e :after para leitores de tela se a codificação por cores for importante. Caso contrário, entendo que muitos leitores de tela não pronunciam tags mark, apenas seu conteúdo.

5 curtidas