Skip to content

Spotify Mini Player 耳コピ用 by kozv

Screenshot of Spotify Mini Player 耳コピ用

Details

Authorkozv

LicenseNo License

Categoryspotify.com

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

ウィンドウを小さくすると適用されます
Spotify Webplayerはウィンドウを小さくしたとき、再生時間バーや音量バーが短くなって見づらい
それを見やすくする

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name       Spotify 耳コピでウィンドウを小さくしたときに使うやつ
@version    20241012.04.11
@namespace  ?
==/UserStyle== */

@-moz-document domain("spotify.com") {
/* now-playing-barのGUIを編集 */
@media screen and (max-width: 700px) {
    .udArIAqnfUQPQew2VAns {
        flex-wrap: wrap;
        height: 200px;
    }


    /* 1段目 */
    .snFK6_ei0caqvFI6As9Q {
        width: 100%;
        flex: unset;
    }

    /* 2段目 */
    .sVv2OQORCQ4kf6iKfUTF {
        max-width: 722px;
        width: 100%;
        flex: unset;
    }

    /* 三段目 */

    .mwpJrmCgLlVkJVtWjlI1 {
        justify-content: center;
        height: 60px;
    }
    .pLifNBuHRY8cZkZyEqwL {
        width: 100%;
    }

    [data-testid="playback-duration"], [data-testid="playback-position"] {
        font-size: 20px;
    }
    body {
        min-height: unset !important;
        min-width: unset !important;
    }

    .yglmI5m3fCc8baD1Kwdw {
        min-width: unset;
    }
}

@media screen and (max-height: 300px) {
    [data-testid="global-nav-bar"] {
        display: none;
    }
}
}

Reviews

No reviews yet.