☰

Patreon responsive + customizations

Patreon website is more suitable for wide screens.

当前为 2024-06-10 提交的版本，查看 最新版本。

/* ==UserStyle==
@name           Patreon responsive + customizations
@version        1.0.1
@description    Patreon website is more suitable for wide screens.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/patreon-responsive-customizations
@supportURL     https://discord.gg/Q8KSHzdBxs
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    checkbox    bigimages   "Big images"            1
@var    text        fontsize    "Custom font size"      1.2rem
@var    checkbox    nojump      "No Jump to level up"   1
@var    checkbox    nocomments  "No comments"           0
@var    checkbox    widemode    "Wide mode"             1
==/UserStyle== */

/* === Credits ===
Website         https://breat.fr
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
=== Credits === */
@-moz-document domain("patreon.com") {
    /* Loved */
    [data-tag="like-button"][aria-checked="true"] > div > svg path {
        fill: #c6374d;
    }
    
    .dzWUmz {
        max-width: max-content;
    }
    
    if bigimages {
        .kZrqiR,
        .gFIRbI,
        .ekfOSd,
        .dlPwPr,
        .kBqPDk {
            height: 100%;
            max-height: 100%;
        }
        .gFIRbI,
        .ekfOSd,
        .kZrqiR {
            display: block;
        }
        .kZrqiR img {
            margin-bottom: 2px;
            object-fit: cover;
        }
        .image-carousel {
            height: 112px;
            object-fit: cover;
            width: auto;
        }
    }
    
    if fontsize {
        :root,
        button,
        div,
        li,
        p {
            font-size: fontsize !important;
        }
    }
    
    
    if nocomments {
        [data-tag="content-card-comment-thread-container"],
        .bmnjsr {
            display: none !important;
        }
    }
    
    if nojump {
        .sc-jrQzAO.bAzCwM,
        .sc-o4u8m1-2 > div > div:nth-child(2),
        [data-tag="upgrade-free-membership-button"],
        [data-tag="free-membership-upgrade-cta"] {
            display: none !important;
            height: 0 !important;
            max-height: 0 !important;
        }
    }
    
    if widemode {
        .PSylB,
        .bNdQpa,
        .kYRjdn,
        .idaEYe,
        .lghRlU {
            max-width: 100%;
        }
        .gwGwhu {
            padding: 0;
        }

        .bcGqVn {
            grid-template-columns: 80% 20%;
        }

        .jwWBqC {
            grid-column-end: span 1;
        }
    }
}