Ongeldige html voor topic images in myreact / subfora

[krvabo]

Hai

Sinds een recente release merkte ik dat mijn topic status afbeeldingen in myreact en in topic listings (zoals in subfora) 'nieuw' waren, waar ik altijd met custom css de images overschreef om de oude topic icons (open, closed, new) te behouden. Daarvoor gebruik ik de volgende regel:

Cascading Stylesheet:

  div#content table td.ind a > img[src^="https://tweakers.net/g/forum/images/icons/topic_icons/Open_on"],
  div#content div#my-react td a > img[src^="https://tweakimg.net/g/forum/images/topic_icons/Open_on"] {
    background: url('https://tweakers.net/fotoalbum/image/pybj2Gej4Nemucpijtm6TMuo.gif') no-repeat 4px 5px;
    height: 0;
    padding-top: 15px;
  }

Hoewel de tweakimg vervangen lijkt door de /g/forum/images url merkte ik dat het niet werkte om met document.QuerySelector de afbeeldingen te selecteren op basis van de img[src^= selector.

Er staat nu een newline tussen src=" en de url. En ook na de alt="[closed]" staat nu een newline. Dit breekt dus selectors. Daarbij merkte ik ook op dat de alt zonder spatie tegen de height aan wordt gedrukt en dus invalid html oplevert.

HTML:

<td class="ind topicicon first">
            <a href="https://gathering.tweakers.net/forum/list_message/77423206#77423206" rel="nofollow">
        <img src="
https://tweakers.net/g/forum/images/icons/topic_icons/Stucky_off.svg" width=24 height=20alt="[stucky]" title="ga naar laatste reactie in topic"></a>

        </td>

Zouden jullie de newlines weg kunnen halen en de invalid html fixen?

[ACM]

E.e.a. zou nu wat nettere html moeten hebben.

[krvabo]

Perfect! Thanks!
Wat een service