☰

Hidden list menu wakanim.xyz (https://nekomori.ch player)

Скрытие списка серий

当前为 2021-06-04 提交的版本，查看 最新版本。

// ==UserScript==
// @name        Hidden  list menu  wakanim.xyz (https://nekomori.ch player)
// @namespace    http://tampermonkey.net/
// @version      0.2.6.10
// @description Скрытие списка серий
// @author       Pin240
// @match       https://wakanim.xyz/cdn/*
// @require  https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant    GM_addStyle
// @run-at document-end
// ==/UserScript==
(function(){
  'use strict';

document.body.insertAdjacentHTML('beforeend', `
<style>

  .title{
    color: #000;
    font-family: Roboto, sans-serif;
    margin: 0;
    display: flex;
    visibility: hidden;
    padding: 18px 14px 18px 16px;
    font-weight: lighter;
}
.link.selected, .link:hover{
                            background: #093a03;
                            }
body {

    color: #eee;
    background: #000000;
    font-family: Roboto, sans-serif;
      }

.abc125 {position: relative;}
.abc124 {
          float: left;
          position: absolute;
          transform: scale(1.7);
          transform-origin: right bottom;
        }
.abc121 {   position: absolute;
            float: right;
            left: 3em;
            transform: scale(1.7);
            transform-origin: right bottom;
        }
.abc125 {
  
            z-index: 100;
            color: #de6108;
            
            bottom: 99vh;
            left: 2em;
            transform: scale(0.7);
            transform-origin: right bottom;
        }

  @media only screen and (max-width: 780px){
.columns[data-v-995ce4f2] {
                          flex-direction: column;
                          align-items: center;
                          padding: 0;
    } 
.abc125 {
  
            z-index: 100;
            color: #de6108;
            position: absolute;
            bottom: 94.7vh;
            left: 1em;
            
        }}
.column-right{display: none;}


.column-left{
             flex-flow: column;
            }
.header{
        background: #202020;
        max-height: 56px;
        justify-content: space-between;
        position: absolute;
        width: 100vw;
        top: 0;
        z-index: 1;}
   .iframe-holder {
                    width: 100%;
                  }
.buttons{
        flex-wrap: wrap;
        }

</style>

<p><label class="abc125"><input type="checkbox"  id="checkbox_check" class="abc124"><span class="abc121">Меню</span></label></p>


                                      `);

   //проверка состаяния
const checkbox = document.querySelector('.abc124');
checkbox.addEventListener('change', function () {
    if ( this.checked ) {
        $( '.column-right' ).fadeIn( "slow" );
       
    } else $('.column-right').hide( "slow" );
})

  })();