page view optimize - "iconfont"

响应式布局、调整分页、栅格

  1. // ==UserScript==
  2. // @name page view optimize - "iconfont"
  3. // @namespace https://xianghongai.github.io
  4. // @version 0.1.3
  5. // @description 响应式布局、调整分页、栅格
  6. // @author Nicholas Hsiang
  7. // @icon https://xinlu.ink/favicon.ico
  8. // @match http*://*.iconfont.cn/*
  9. // @grant none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13. 'use strict';
  14. var css = '.wrap { width: 100% !important; } .block-sidebar { left: 100%; margin-left: 0; top: auto; bottom: 0; transform: translateX(-100%); } .footer { padding-right: 20px; padding-left: 20px; } .page-collections-wrap { width: 100%; } .page-collections-wrap .block-collection { margin: 20px 20px 20px 12px } .block-pagination-wrap { padding-right: 20px; } .block-bar .block-bar-container .block-bar-right { right: 20px; } .project-manage-bar a.bar-text { right: 20px !important; } .page-manage-project .project-top .users-container { right: 20px; } .page-manage-container .page-manage-left { width: 168px; } .page-manage-container { overflow: visible; } .block-pagination-wrap { position: absolute; top: 0; left: 50%; z-index: 9; padding: 0; transform: translate(-50%, -100%); } .block-pagination { padding: .5em .3em; height: auto; line-height: 100%; margin: 0 !important; background: white; display: flex; align-items: center; flex-wrap: nowrap; justify-content: flex-start; } .block-pagination .total { order: 1; } .collections-lists{ position: relative; overflow: visible; } .collections-lists .block-pagination{ position: absolute; top: 0; left: 50%; z-index: 9; padding: .5em .3em; width: auto !important; transform: translate(-50%, -100%); }',
  15. head = document.head || document.getElementsByTagName('head')[0],
  16. style = document.createElement('style');
  17.  
  18. style.type = 'text/css';
  19. if (style.styleSheet){
  20. style.styleSheet.cssText = css;
  21. } else {
  22. style.appendChild(document.createTextNode(css));
  23. }
  24.  
  25. head.appendChild(style);
  26. })();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址