Wechat Read better TOC

A userscript that enhance wechat read toc experence.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        Wechat Read better TOC
// @description A userscript that enhance wechat read toc experence.
// @version     0.1.0
// @license     MIT
// @author      bingtsingw
// @namespace   https://github.com/bingtsingw
// @match       https://weread.qq.com/web/reader/*
// @run-at      document-idle
// @grant       GM_addStyle
// ==/UserScript==

GM_addStyle(`
  #routerView {
    display: flex;
    flex-direction: row-reverse;
  }

  .readerContent {
    min-height: 100%;
    height: unset;
  }

  .app_content {
    width: 100%;
    margin-left: 10px;
  }

  .wr_mask {
    width: 0;
    height: 0;
  }

  .readerCatalog {
    display: block !important;
    max-height: 100%;
    overflow-y: scroll;
    left: unset;
    top: unset;
    bottom: unset;
    z-index: unset;
  }

  .readerControls {
    margin-left: 618px;
  }
`);

(() => {
  document.getElementsByClassName('readerCatalog')[0].parentElement.style.width = '520px';
})();