b站收藏夹优化

缩小收藏夹,关注列表的间距，可设置是否显示横向滚动条与纵向滚动条

// ==UserScript==
// @name         b站收藏夹优化
// @namespace    http://tampermonkey.net/
// @version      1.2.0
// @description  缩小收藏夹,关注列表的间距，可设置是否显示横向滚动条与纵向滚动条
// @author       aotmd
// @match        https://*.bilibili.com/*
// @exclude      https://live.bilibili.com/p/html/live-fansmedal-wall/*
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_deleteValue
// @grant        GM_registerMenuCommand
// @compatible   chrome Tampermonkey
// ==/UserScript==

(function () {
    let styleElement = document.createElement('style');
    document.getElementsByTagName('head')[0].appendChild(styleElement);
    styleElement.appendChild(document.createTextNode(`
        a.text {
            overflow: visible!important;
        }`)
    );
    // 根据存储的设置更新滚动条的可见性
    function updateXScrollbar() {
        const isEnabled = GM_getValue('horizontalScrollbarEnabled', false); // 默认关闭
        if (isEnabled) {
            styleElement.firstChild.nodeValue=`
            /* 整体滚动条宽度 */
            ::-webkit-scrollbar {
                width: 6px;  /* 纵向滚动条宽度 */
                height: 6px; /* 横向滚动条高度 */
            }

            /* 滚动条轨道 */
            ::-webkit-scrollbar-track {
                background: #f1f1f1;  /* 滚动条轨道背景色 */
                border-radius: 10px;  /* 圆角 */
            }

            /* 滚动条滑块 */
            ::-webkit-scrollbar-thumb {
                background: #888;  /* 滚动条滑块颜色 */
                border-radius: 10px;  /* 圆角 */
            }

            /* 滚动条滑块在悬停状态下 */
            ::-webkit-scrollbar-thumb:hover {
                background: #555;  /* 悬停时的滑块颜色 */
            }
            a.text {
                overflow: auto!important;
            }` // 显示滚动条
        } else {
            styleElement.firstChild.nodeValue=`
            a.text {
                overflow: visible!important;
            }`
            // 隐藏滚动条
        }
    }

    // 切换滚动条设置并弹出确认框
    function toggleScrollbar() {
        const isEnabled = GM_getValue('horizontalScrollbarEnabled', false);
        const userChoice = window.confirm(`当前横向滚动条是${isEnabled ? '启用' : '禁用'}状态。是否要${isEnabled ? '禁用' : '启用'}它？`);
        if (userChoice) {
            GM_setValue('horizontalScrollbarEnabled', !isEnabled);
            updateXScrollbar();
        }
    }

    // 注册菜单命令以切换滚动条并确认
    GM_registerMenuCommand('切换横向滚动条', toggleScrollbar);

    // 应用初始滚动条设置
    updateXScrollbar();


    let styleElement2 = document.createElement('style');
    document.getElementsByTagName('head')[0].appendChild(styleElement2);
    styleElement2.appendChild(document.createTextNode(`
            /*收藏夹列表全部显示*/
            #page-fav .fav-sidenav .fav-list-container {
                max-height: none!important;
            }`)
    );
    // 根据存储的设置更新滚动条的可见性
    function updateYScrollbar() {
        const isEnabled = GM_getValue('verticalScrollbarEnabled', false); // 默认关闭
        if (isEnabled) {
            styleElement2.firstChild.nodeValue=`
            /*收藏夹列表显示大部分*/
            #page-fav .fav-sidenav .fav-list-container#fav-createdList-container {
                max-height: max(700px,70vh)!important;
            }
            #page-fav .fav-sidenav .fav-list-container#fav-list-container {
                max-height: max(420px,30vh)!important;
            }`
        } else {
            styleElement2.firstChild.nodeValue=`
            /*收藏夹列表全部显示*/
            #page-fav .fav-sidenav .fav-list-container {
                max-height: none!important;
            }`
        }
    }

    // 切换滚动条设置并弹出确认框
    function toggleScrollbar2() {
        const isEnabled = GM_getValue('verticalScrollbarEnabled', false);
        const userChoice = window.confirm(`当前纵向滚动条是${isEnabled ? '启用' : '禁用'}状态。是否要${isEnabled ? '禁用' : '启用'}它？`);
        if (userChoice) {
            GM_setValue('verticalScrollbarEnabled', !isEnabled);
            updateYScrollbar();
        }
    }

    // 注册菜单命令以切换滚动条并确认
    GM_registerMenuCommand('切换纵向滚动条', toggleScrollbar2);

    // 应用初始滚动条设置
    updateYScrollbar();




    addStyle(`
    /*视频页选择收藏夹页面*/
    .collection-m .content .group-list li {
        padding-bottom: 0px!important;
    }
    /*新版播放列表*/
    .collection-m-exp .content .group-list li {
        padding-bottom: 0px;
    }
    .collection-m-exp ul {
        line-height: 1!important;
    }

    /*顶栏下拉菜单*/
    .be-dropdown .dropdown-popup .bex-dropdown-item {
        justify-content: flex-start!important;
    }
    .dropdown-popup .bex-dropdown-item {
        line-height: normal;
        padding: 0px 16px!important;
        text-align: left!important;
    }
    /*有两个版本*/
    .v-dropdown .dropdown-menu li {
    text-align: left;
    padding: 0px 16px;
    }



    /*我的收藏页面*/
    #page-fav .fav-sidenav .text {
        line-height: normal!important;
    }
    .be-dropdown-trigger {
        height: 20px!important;
    }
    /*弹出菜单位置偏移修复*/
    ul.be-dropdown-menu.menu-align- {
        margin-top: -10px;
    }
    /*收藏页面的改变收藏夹列表间距*/
    .wrapper .edit-video-modal .target-favlist .target-favitem {
        height: auto!important;
        margin-bottom: 0px!important;
    }
    /*左右浮动,将两个p标签合并为一行*/
    p.fav-state {
        margin-left: 10px;
        float: right;
    }
    p.fav-name {
        float: left;
    }
    /*文字尽量显示出来*/
    #page-fav .fav-sidenav .text {
        text-overflow: clip;
    }
    /*也缩小关注页间距和全部显示*/
    .follow-item a.text {
        line-height: inherit!important;
    }
    .be-scrollbar.follow-list-container.ps {
        max-height: inherit!important;
    }
    .follow-dialog-wrap .follow-dialog-window .content .group-list li {
        padding-bottom: 0px!important;
    }
    .group-list {
        max-height: inherit!important;
    }
    .bili-dialog-bomb .follow-dialog-wrap-exp .follow-dialog-window .content .group-list li {
        padding-bottom: 0px;
    }
    /*压缩列表间距*/
    #page-follows .list-item .content {
        margin-top: 0px!important;
    }
    .list-item {
        padding: 5px 0!important;
    }
    .list-item .title {
        height: auto!important;
    }
    /*1.1.4 私聊页面修正*/
    .list-item .verify-box {
        bottom: 5px;
        left: 28px;
    }
    /*1.1.7 修正位置*/
    #page-fav .fav-sidenav .fav-item > * {
        vertical-align: bottom!important;
    }
    `);

    /**
     * 添加浏览器执行事件
     * @param func 无参匿名函数
     */
    function addLoadEvent(func) {
        let oldOnload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        } else {
            window.onload = function () {
                try {
                    oldOnload();
                } catch (e) {
                    console.log(e);
                } finally {
                    func();
                }
            }
        }
    }

    //添加css样式
    function addStyle(rules) {
        let styleElement = document.createElement('style');
        styleElement["type"] = 'text/css';
        document.getElementsByTagName('head')[0].appendChild(styleElement);
        styleElement.appendChild(document.createTextNode(rules));
    }
})();