politico.eu - rendering issue?

[back2themoon]

https://www.politico.eu/

A huge EU flag appears (various sizes) on top of the main page and most (all?) articles.

EU error.png

Error Console:

EU error console.png

[THX-1139]

After that it sent me to a "We value your privacy" popup to sign over my user data to them (for their snooping) in order to continue.
it did give a choice of continuing without agreeing, but it I could not find a continue without agreeing in that page, just more of "Agree"

[Moonchild]

My thoughts based on the error messages shown:
If their embed-min.js fails to load because they are providing the wrong MIME type for it as well as not allowing the browser to sniff/guess its correct MIME type, then essential JS functions are likely not loading for it. They should address that first.

[Kris_88]

The problem is the SVG image inside the "EUROPE" button.

[adoxa]

It wants aspect-ratio; here's a userstyle workaround.

Code: Select all

@-moz-document domain("www.politico.eu") {
  svg {
    width: 1.5em !important;
  }
  .navigation-mini__menu-list .navigation-mini__menu-item-icon {
    width: 1em !important;
  }
  .header__edition-nav .navigation-mini__toggle.is-button.has-inline-icon .button__icon-secondary,
  .header__edition-nav-alt .navigation-mini__toggle.is-button.has-inline-icon .button__icon-secondary {
    width: 1em !important;
  }
  .content-header-new__title .content-header-new__title-icon {
    width: var(--wp--custom--spacing--6);
  }
  .content-header-new__title .content-header-new__title-icon--before {
    width: var(--content-header-icon-before-size);
  }
}

[back2themoon]

Thank you, adoxa. Workaround works fine.