Disclosure arrow on collapsible diffs (#10) !26
1 file changed, +5 −0
Layout: unified · split
internal/web/static/style.css +5
| @@ -467,7 +467,12 @@ details.difffold summary { | |||
| 467 | align-items: baseline; | 467 | align-items: baseline; |
| 468 | gap: var(--sp-3); | 468 | gap: var(--sp-3); |
| 469 | margin: var(--sp-5) 0 var(--sp-2); | 469 | margin: var(--sp-5) 0 var(--sp-2); |
| 470 | list-style: none; | ||
| 470 | } | 471 | } |
| 472 | details.difffold summary::-webkit-details-marker { display: none; } | ||
| 473 | /* flex summaries lose the native disclosure marker; draw our own */ | ||
| 474 | details.difffold summary::before { content: "▸"; color: var(--muted); } | ||
| 475 | details.difffold[open] summary::before { content: "▾"; } | ||
| 471 | details.difffold summary h3 { display: inline; margin: 0; } | 476 | details.difffold summary h3 { display: inline; margin: 0; } |
| 472 | details.difffold summary .add { color: var(--ok); } | 477 | details.difffold summary .add { color: var(--ok); } |
| 473 | details.difffold summary .del { color: var(--bad); } | 478 | details.difffold summary .del { color: var(--bad); } |