Tweakers Logo verdwijnt bij gebruik Dark Reader

[Durandal]

Het Tweakers logo (linksboven op de site) is sinds vandaag verdwenen op de hele site bij gebruik van de Dark Reader addon. Tot voorheen was het logo zichtbaar. Zet ik Dark Reader uit dan komt het logo weer terug.
Dark Reader is een populaire addon om een donkere achtergrond te krijgen op websites.

Ik weet niet of een wijziging van Dark Reader de oorzaak is of een wijziging bij Tweakers maar andere sites lijken geen problemen te hebben met logos.

inspect met Dark Reader actief:


Firefox 9.0.2 (64)
Dark Reader 4.9.16

[Durandal]

Update:

Het logo (met Dark Reader actief) verdwijnt alleen als je browser window groot is; ik zou zeggen vanaf 1600x768. Alles kleiner zie ik een logo. Als ik de browser maximise naar 1920x1080 dan is het weg. Ook als ik het window handmatig groter trek dan (ik schat) 1600x768 verdwijnt het logo.

Daarmee lijkt het probleem bij Tweakers te liggen. Iets met actief de html/DOM aanpassen op grootte.

[XWB]

Het GIF logo is onlangs ingeruild voor een SVG variant. Met Dark Reader op 1920x1080 en hoger zie ik echter wel een logo, mogelijk dat je de lokale cache even moet vernieuwen? Ik kan mij voorstellen dat Dark Reader nog ergens refereert naar het oude logo.

[IThom]

XWB schreef op woensdag 4 augustus 2021 @ 16:09:
Het GIF logo is onlangs ingeruild voor een SVG variant. Met Dark Reader op 1920x1080 en hoger zie ik echter wel een logo, mogelijk dat je de lokale cache even moet vernieuwen? Ik kan mij voorstellen dat Dark Reader nog ergens refereert naar het oude logo.

Ik heb hetzelfde als @Durandal, cache legen helpt helaas niet niet.
Ook in private mode is er geen logo.

[Durandal]

Nee sorry, inderdaad, cache vernieuwen helpt niet. Ook is het logo verdwenen op mijn andere scherm van 1920x1200.
Hij komt hier echt alleeen terug bij kleinere resoluties van het window en dan is het eigenlijk geen logo maar een naam zonder het steeksleutel symbool.

geen logo (1920x1200)



wel logo (klein window)

[ Voor 62% gewijzigd door Durandal op 04-08-2021 16:37 ]

[XWB]

En zou je de plek waar het logo hoort te staan kunnen inspecteren met de console? Ik ben namelijk benieuwd wat de plugin ervan gemaakt heeft.

Dit is wat je zou moeten zien in de broncode:

[Durandal]

Sorry, had het meteen moeten meneemen. Doe dit niet elke dag
Hier is het. Ik heb mijn browser over 2 schermen breed getrokken zodat het logo niet zichtbaar is.




upd: Afgezien van de absolute url zie ik inderdaad een .png ipv een .svg ?

[ Voor 7% gewijzigd door Durandal op 04-08-2021 18:31 ]

[Durandal]

Complete cache en cookies gewist in FF en opnieuw gestart; Nog steeds geen logo. Past ook niet bij het feit dat het logo terug komt met Dark Reader uit..

[XWB]

Het correcte pad naar het logo is https://tweakers.net/g/if...rk/tweakers_logo_full.svg

In jouw screenshot zie ik echter https://tweakers.net/g/if...k/tweakers_logo_v2_x1.png wat het oude logo was.

Ik heb het idee dat er nog ergens een oude cache geserveerd wordt, daar moeten we even dieper induiken

[Kees]

XWB schreef op woensdag 4 augustus 2021 @ 18:46:
Het correcte pad naar het logo is https://tweakers.net/g/if...rk/tweakers_logo_full.svg

In jouw screenshot zie ik echter https://tweakers.net/g/if...k/tweakers_logo_v2_x1.png wat het oude logo was.

Ik heb het idee dat er nog ergens een oude cache geserveerd wordt, daar moeten we even dieper induiken

Ik zie daar _ook_ het correcte logo, en de juiste veroorzakern (main.css:1), die .png komt uit inline:15.

[crisp]

Custom CSS?

Edit: denk het niet, dit is de enige snippet waar een png gebruikt wordt als logo: https://tweakers.net/inst...mcss/snippets/bekijk/682/

[ Voor 87% gewijzigd door crisp op 04-08-2021 19:36 ]

[Durandal]

Ik heb even in Dark Reader gezocht en het lijkt er op dat hij voor populaire sites voorgedefinieerde stylesheets gebruikt (Dark Reader | Dev tools):

code:

================================

tweakers.net

INVERT
.infoBox > .title:before
#userbar li.icon.selected > a

CSS
#logo a {
    background: url("https://tweakers.net/g/if/v3/framework/tweakers_logo_v2_x1.png") no-repeat center !important;;
}
@media screen and (max-width: 1000px) {
    #logo a {                                                     
        background: url("https://tweakers.net/g/if/v3/framework/menu_icons_responsive_v6.png") no-repeat -8px -220px !important;
    }
}
.ankeiler > a.commentCount {
    background-image: url("https://tweakers.net/g/icons/commentcounter_small_bg.svg") !important;
    text-decoration: none !important;
}
#userbar li.icon a {
    background-image: url("https://tweakers.net/g/if/v3/framework/menu_icons_v2.png") !important;
}
#userbar li.icon.flag.nl::after {
    border-top-color: #e7184c !important;
    background-color: #fff !important;
    border-bottom-color: #014a93 !important;
}
#userbar li.icon.flag.be::after {
    border-left-color: #000 !important;
    background-color: #ffff1a !important;
    border-right-color: #e7184c !important;
}
.thumb.category {
    border: none !important;
}
.ctaButton.play::after {
    background-color: #FFF !important;
}
.relatedContentContainer .relatedContentItems .itemContainer {
    border-top-color: ${#d9d9d9} !important;
    border-bottom-color: ${#d9d9d9} !important;
}
#categoryBrowser li a {
    background-color: initial !important;
    background-image: none !important;
}
#categoryBrowser li.more {
    background-image: url("https://tweakers.net/g/if/categories/arrows.png") !important;
}
#categoryBrowser li.more:not(li.active.more) {
    background-position-y: -17px !important;
}
#categoryBrowser li.more.active {
    background-image: url("https://tweakers.net/g/if/categories/arrows.png"), linear-gradient(rgb(131, 24, 46), rgb(148, 15, 49)) !important;
}
#tracker .fakeTop .toggleVisibility .corner::before,
#tracker .fakeTop .toggleVisibility .corner::after {
    border-color: ${#ccc} !important;
}
@media screen and (max-width: 767px) {
    #userbar li.icon a {                                                     
        background-image: url("https://tweakers.net/g/if/v3/framework/menu_icons_responsive_v6.png") !important;
    }
    #categoryBrowser li.more.active {
        background-image: none !important;
        box-shadow: none !important;
    }
}

IGNORE IMAGE ANALYSIS
#categoryBrowser li a
table.highlights .title a.showMoreItems

================================

[crisp]

Durandal schreef op woensdag 4 augustus 2021 @ 19:33:
Ik heb even in Dark Reader gezocht en het lijkt er op dat hij voor populaire sites voorgedefinieerde stylesheets gebruikt (Dark Reader | Style List):

[...]

Dan is dat de culprit. Ik neem aan dat je dat daar vast wel ergens kan melden?

[Durandal]

Tweakers wijzigt dan de css naar svg, Dark Reader weet er niets van en gebruikt de png. Tweakers zal de .png wel niet meer serveren en dan heb je een verdwenen logo.
Behalve bij lage resoluties. Daar is het geen nieuwe svg neem ik aan.

Het Dark Reader | Dev Tools window zegt dan het volgende: " If a popular website looks incorrect e-mail to [e-mail]"

Da's fijn maar ik ga niet de update master zijn tussen DR en Tweakers. Ik leef wel zonder logo. Het lijkt echter uitgezocht nu

[Durandal]

Toch maar even een mailtje gestuurd. Kunnen ze een nieuwe css genereren oid.