[掘金]样式优化

优化掘金的页面样式.
换行
// ==UserScript==
// @name         [掘金]样式优化
// @namespace    http://tampermonkey.net/
// @version      0.4.0
// @author       sutie
// @description  优化掘金的页面样式.
// @license      MIT
// @icon         https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web//static/favicons/favicon-32x32.png
// @match        https://juejin.cn/*
// @grant        none
// @run-at       document-start
// @noframes
// ==/UserScript==

(function() {
  "use strict";
  const name = "juejin-style-pref";
  function insertStyle(id) {
    const style = document.createElement("style");
    style.id = id;
    style.innerHTML = `
.nav-item.link-item.download-icon,
.nav-item.vip-entry,
.special-activity,
.add-group > svg,
.timeline-content > .aside,
.btn.meiqia-btn {
  display: none !important;
}
.timeline-entry-list {
  margin-right: 0 !important;
}
#juejin > .view-container.container {
  max-width: 100% !important;
}
#juejin > .view-container.container > .container.with-view-nav {
  max-width: calc(100% - 2rem) !important;
}
#juejin > .view-container > .container.main-container {
  max-width: calc(100% - 7rem) !important;
  margin-right: 1rem;
}
.article-suspended-panel {
  margin-left: -5rem !important;
}
.main-area.article-area,
.main-area.recommended-area {
  width: auto !important;
  margin-right: 26rem !important;
}
.timeline-entry-list {
  width: auto !important;
}
#comment-box {
  max-width: 100% !important;
}  
`;
    document.head.appendChild(style);
  }
  function main() {
    const id = `id-${name}`;
    let times = 10;
    let timer = setInterval(() => {
      const style = document.getElementById(id);
      if (!style) {
        insertStyle(id);
      }
      if (document.readyState === "complete") {
        times -= 1;
      }
      if (times < 0) {
        clearInterval(timer);
      }
    }, 300);
  }
  main();
})();
欢迎访问Greasy Fork镜像
