Hier noch eine Variante, statt alle zu entfernen, schreibt es wie viele
hintereinander gelöscht wurden:
1 | .deleted-post-notice {
|
2 | overflow: hidden;
|
3 | position: relative;
|
4 | height: 16px;
|
5 | margin: 0px !important;
|
6 | padding: 0px !important;
|
7 | display: block;
|
8 | margin-top: -16px !important;
|
9 | background-color: #fff;
|
10 | font-size: 0 !important;
|
11 | counter-increment: del;
|
12 | }
|
13 |
|
14 | .post + script + .deleted-post-notice {
|
15 | height: 16px !important;
|
16 | margin-top: 5px !important;
|
17 | counter-reset: del;
|
18 | }
|
19 |
|
20 |
|
21 | .deleted-post-notice::before {
|
22 | font-size: 11px !important;
|
23 | content: counter(del) ' gelöschte Beiträge';
|
24 | }
|
Funktionsweise: Der Counter del wird bei gelöschten Beiträgen immer
hochgezählt. Beim ersten gelöschten nach einem nicht gelöschten Post
wird der Counter zurückgesetzt. Da man mit CSS nicht nur den letzten
nicht gelöschten einer Serie auswählen kann, werden alle mittels
negativem Margin und position:relative übereinander geschoben. Die
Hintergrundfarbe überdeckt die dahinterliegenden Einträge. Der erste
Eintrag hat keinen negativen Margin, damit das ganze nicht über dem
darüberliegenden Post landet. Der Originaltext wurde mit font-size:0
entfernt. Die Anzahl Beiträge wird dann als content des ::before
Pseudoelement eingesetzt, und diesem wieder eine normale Textgrösse
zugewiesen. So ist am Schluss nur der Letzte Eintrag mit dem richtigen
Zählerstand sichtbar.