巴哈姆特 - 貼圖選單優化 (縮小導航貼圖)

縮小巴哈姆特貼圖選單中的導航貼圖尺寸，優化顯示更多選項，保留列表貼圖不變

安裝腳本 ?

換行

// ==UserScript==
// @name 巴哈姆特 - 貼圖選單優化 (縮小導航貼圖)
// @namespace github.com/openstyles/stylus
// @version 1.0.0
// @description 縮小巴哈姆特貼圖選單中的導航貼圖尺寸，優化顯示更多選項，保留列表貼圖不變
// @author ME
// @license MIT
// @grant GM_addStyle
// @run-at document-start
// @match *://*.forum.gamer.com.tw/*
// @match *://*.www.gamer.com.tw/*
// ==/UserScript==

(function() {
  let css = `
    /* 針對導航欄的樣式，限制在 tippy 彈窗內 */
    [data-tippy-root] .baha_gif.tab-wrapper .tab-nav.mes-sticker-slide.sticker-index.slick-initialized.slick-slider .slick-slide[data-slick-index] {
      width: 30px !important; /* 縮小導航欄項目寬度 */
      height: 30px; /* 縮小導航欄項目高度 */
    }

    /* 縮小導航欄貼圖 */
    [data-tippy-root] .baha_gif.tab-wrapper .tab-nav.mes-sticker-slide.sticker-index .sticker-item img {
      width: 24px; /* 縮小導航欄圖片 */
      height: 24px;
      object-fit: contain;
    }

    /* 調整導航欄容器 */
    [data-tippy-root] .baha_gif.tab-wrapper .tab-nav.mes-sticker-slide.sticker-index {
      height: 34px; /* 縮小導航欄高度 */
    }

    /* 確保貼圖選單容器適應內容 */
    [data-tippy-root] .baha_gif.tab-wrapper .tab-content_sticker .sticker-list-content {
      max-height: 320px; /* 保持足夠高度 */
      overflow-y: auto; /* 允許滾動 */
    }
  `;

  if (typeof GM_addStyle !== "undefined") {
    GM_addStyle(css);
  } else {
    const styleNode = document.createElement("style");
    styleNode.appendChild(document.createTextNode(css));
    (document.querySelector("head") || document.documentElement).appendChild(styleNode);
  }
})();

欢迎访问Greasy Fork镜像