Bilibili 分P多行显示优化

分P标题:换行显示

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

/* ==UserStyle==
@name           Bilibili 分P多行显示优化
@namespace      JimmyZJX
@version        1.0.1
@description    分P标题:换行显示
@author         JimmyZJX
==/UserStyle== */

@-moz-document domain("bilibili.com") {
    .multi-page .cur-list .list-box li {
        white-space: normal!important;
        height: auto!important;
        line-height: 20px!important;
        padding: 4px 10px!important;
        /* border-top: 1px solid gray; */
    }

    .multi-page .cur-list .list-box li a {
        align-items: center;
    }

    .multi-page .cur-list .list-box li:after {
        content: "";
        border-top: 1px solid #fff;
        display: block;
        transform: translateY(5px);
    }

    .multi-page .cur-list .list-box li .duration {
        margin-left: 5px;
    }
}