Stile di <code><ins></code> e <code><del></code>

UX
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 Mi Piace
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 Mi Piace
3

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

2 Mi Piace
4

Quindi stai suggerendo che usiamo sia il colore che la sottolineatura / barrato qui? Per me va bene, @awesomerobot se vuoi includerlo sembra una modifica piccola e facile.

1 Mi Piace
5

La norma in ambito legale è testo verde e sottolineatura per le inserzioni e testo rosso e barrato per le cancellazioni. Credo che il diff di testo di GitHub utilizzi uno sfondo verde e la sottolineatura per le inserzioni e uno sfondo rosso e il barrato per le cancellazioni.

Consiglierei vivamente di combinare colore e decorazione del testo. Non ho un’opinione forte sul fatto che colorare il testo, lo sfondo o entrambi, purché l’approccio per inserzioni e cancellazioni sia lo stesso.

Potrebbe anche valere la pena pensare alla modalità scura. Ho appena visualizzato un diff di testo di GitHub ed è difficile vedere lo stile sullo sfondo grigio della modalità scura.

3 Mi Piace
6

Per me va bene, se @awesomerobot è favorevole, facciamolo!

4 Mi Piace
9

Ho notato che GitHub fa solo sottolineatura e barratura per <ins> e <del> nei commenti. Ma posso confermare che mi manca davvero il colore. È difficile individuare tutte le modifiche a un grosso blocco di contenuto a colpo d’occhio senza gli indizi cromatici.

4 Mi Piace
10

Ancora a favore. Se @awesomerobot è d’accordo, facciamolo.

2 Mi Piace
11

Questo avrebbe un impatto su tutti? Li uso per evidenziare. LOL

4 Mi Piace
12

Tutti ne sarebbero influenzati, ma <mark> funziona anche per <mark>evidenziare</mark>!

Penso che dovremmo fare sia lo stile del colore che quello del testo; ci arriveremo, è solo una bassa priorità.

3 Mi Piace
13
8 Mi Piace
14

Vero, ma il verde e il rosso offrono più opzioni. Potrebbe essere un’impostazione per evidenziare solo o aggiungere stile al testo?

Li ho usati parecchio nei blog. Li cambierà completamente.

esempio:

image
image711×116 18.8 KB

2 Mi Piace
15

Kris dovrà confermare al 100%, ma sono sicuro al 99% che possiamo sovrascrivere rapidamente il nuovo sottolineato/barrato tramite un componente del tema sul tuo sito.

3 Mi Piace
16

Sì, assolutamente! Aggiornerò il tuo tema in modo che non ci siano modifiche!

4 Mi Piace
17

Forse @ThunderThighs gradirebbe degli stili per mark.red, mark.green, mark.blue, e così via?

Molti amici che usano gli evidenziatori apprezzano averne diversi colori.

Potresti anche considerare il contenuto :before e :after per gli screen reader se la codifica dei colori è importante. Altrimenti, capisco che molti screen reader non pronunciano i tag mark, ma solo il loro contenuto.

5 Mi Piace