echa.europa.eu

[NanoMeow]

Basic Information

Test link: https://www.echa.europa.eu/web/guest/candidate-list-table/-/dislist/details/0b0236e1808dbe20
Category: other
Reported from: Germany
Template version: 2

User Environment

Browser: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0
Extension: Nano Defender 15.0.0.154

Additional Message

Cookie Warning / Legal Notice

[liamengland1]

Low priority cookie notice overlay and banner

echa.europa.eu##+js(remove-attr.js, class, .blurredResults)
echa.europa.eu##+js(abort-current-inline-script.js, AUI, CheckForDisclaimer)
echa.europa.eu###legal_notice_overlay
! Cookie banner
echa.europa.eu###CookieNotification

The first rule breaks alignment CSS on echa.europa.eu/web/guest/information-on-chemicals/cl-inventory-database/-/discli/details/284310.
Is there another way to remove just the class blurredResults from all elements? Can anything change <div class="middle-aligned-cli-page blurredResults"> into <div class="middle-aligned-cli-page">?

[jspenguin2017]

@llacb47 You can try to use :style() to override the style instead of trying to break their selector.

[jspenguin2017]

This won't be fixed in Nano Filters as per Filters Policy.
See: https://github.com/NanoAdblocker/NanoFilters

[liamengland1]

:style() doesn't work because their stylesheet uses !important.

.blurredResults {
  position: relative;
  zoom: 1;
  width: 100%;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3') !important;
  text-shadow: 1px 1px 5px #000 !important;
  z-index: 100; }

[jspenguin2017]

I'm adding a way to inject user stylesheet on Chromium: NanoAdblocker/NanoCore#243