Greasy Fork

Please remove this overlay

On Pinterest, some pages are dimmed.

This is because of this div:

The purpose of this trick is to disable the underlying page with the effect that users cannot click (left or right) on anything, nor scroll the page.

I managed to delete this node manually with the Web Developer inspector. The first time I did that, there was no vertical scrollbar, images at the bottom of the screen were cut off (obviously, there was more to see on the page). Now, after deleting manually the node, it seems to work, but not always.

It would be fine if your very useful script would take care of automatically deleting this div and similar, since the trick is used in other web sites.

Example: https://www.pinterest.com/explore/tiny-houses/

I've seen another big z-index value of 10000 for a button, but it doesn't seem to matter much (for now).

Hope it helps.

You can do it via CSS in Stylish or Stylus extensions:

@-moz-document domain("pinterest.com") {
div[style*="position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px"] {
  display: none !important;
}
}

or the same as a userscript:

// ==UserScript==
// @name  pinterest - no modals
// @match https://www.pinterest.com/*
// @grant GM_addStyle
// ==/UserScript==

GM_addStyle(`
  div[style*="position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px"] {
    display: none !important;
  }
`);