NpmjsUISetting

npm_resetUI

npm_UI布局优化
目前为 2023-07-14 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         npm_resetUI
// @namespace    http://tampermonkey.net/
// @version      0.0.1
// @description  npm_UI布局优化
// @author       Enjoy
// @icon         https://foruda.gitee.com/avatar/1671100286067517749/4867929_enjoy_li_1671100285.png!avatar60
// @match        *://www.npmjs.com/package/*
// @grant        GM_addStyle
// @grant        GM_setClipboard
// @license      GPL License
// ==/UserScript==
(function () {
  'use strict';
  GM_addStyle(`
  #top {
      max-width: 1600px !important;
      width:90vw;
  }
  #top>:nth-child(1){
      position: sticky;
      top: 0px;
      background: #FFF;
      box-shadow: -8px 13px 14px -4px #c3bebe, 8px 13px 14px -4px #c3bebe;
      z-index: 2;
      margin-bottom: 10px;
      padding: 10px 30px;
  }
  #top>:nth-child(3){
   width:calc(100% - 300px) !important;
   max-width:none !important;
  }

  #top>:nth-child(4){
   width:300px !important;
  }
  [aria-labelledby*=link] {
  white-space: pre-line;
      display: flex;
      word-break: break-all;

  }
  [aria-labelledby*=link]>:nth-child(2) {
  text-decoration: underline;
  }
  #top > :nth-child(4) > :nth-child(1){
      position: sticky;
      top: 120px;
      background: #FFF;
      box-shadow: 0 0 0px 50px #fff;
  }
  #top > :nth-child(4) > :nth-child(2){
      position: sticky;
      top: 155px;
      background: #FFF;
  }
  #top > :nth-child(4) > :nth-child(3){
      position: sticky;
      top: 201px;
      background: #FFF;
  }
  #top > :nth-child(4) > :nth-child(4){
      position: sticky;
      top: 315px;
      background: #FFF;
  }
  `);
})();
欢迎访问Greasy Fork镜像
