Skip to content

Apple Music Lyrics Panel Left-Aligned Styler by mikan-megane

Details

Authormikan-megane

LicenseNo License

Categoryapple

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Custom style to left-align lyrics in Apple Music for improved readability.

Notes

Please note that this style sheet may become non-functional if Apple Music undergoes design changes.

Source code

/* ==UserStyle==
@name         Apple Music Lyrics Panel Left-Aligned Styler
@version      1.0.1
@namespace    page.loupe.amlplas
==/UserStyle== */
@-moz-document domain("music.apple.com") {
    @media only screen and (min-width: 1000px) {
        /* 歌詞パネルを左に移動 */
        .side-panel {
            left: 0px !important;
            top: 0px !important;
            height: 100% !important;
            border-left: initial !important;
            border-right: .5px solid var(--systemQuaternary) !important;
            animation: none !important;
        }
        .app-container:not(.is-drawer-open) .side-panel {
            display: none !important;
        }
        .side-panel amp-lyrics {
            height: 100vh !important;
        }
        /* 歌詞パネルがあった場所の余白を削除 */
        .app-container.is-drawer-open .scrollable-page {
            margin-right: 0px !important;
            width: 100% !important;
        }
        /* メインパネルを右に押し出す */
        .app-container.is-drawer-open {
            margin-left: 300px !important;
        }
        .app-container.is-drawer-open .player-bar {
            width: calc(100vw - var(--web-navigation-width) - 300px) !important;
        }
    }
}

Reviews

No reviews yet.