Different strokes frame fix

Prevents overlap by showing the painting above the frame on Different Strokes website. Also makes it so paintings without the buttons underneath line up correctly.

安装此脚本？

提问、发表评价或者举报此脚本。

换行

// ==UserScript==
// @name        Different strokes frame fix
// @namespace   Violentmonkey Scripts
// @match       http*://*differentstrokes.xyz/*
// @grant       GM_addStyle
// @version     1.21
// @require     https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js 
// @license     MIT
// @author      -
// @description Prevents overlap by showing the painting above the frame on Different Strokes website. Also makes it so paintings without the buttons underneath line up correctly.
// ==/UserScript==
GM_addStyle(`
  .frame {
    z-index: 1;
  }
.painting {
    z-index: 2;
    border: 2px solid black;
  }
`);
const target = document.getElementById('__nuxt');
const config = { attributes: true, childList: true, subtree: true };
const observer = new MutationObserver((mutationList, observer) => {
  for(const mutation of mutationList){
    if (mutation.type === 'childList') {
      if(mutation.addedNodes[0] && mutation.addedNodes[0].className === 'gallery'){
        console.log('GALLERY FOUND')
        $('.paintingelement').each((i, pel) => {
          let p = $(pel);
          let children = p.children(".switcher");
          if(children.length === 0) {
            p.append(
              `<div class="switcher" style="height: 78.25px;width: 200px;margin-top: 0.5rem;"></div>`
            )
          }
        });
      }
      
    }
  }
})
observer.observe(target, config);

欢迎访问Greasy Fork镜像