Custom style to left-align lyrics in Apple Music for improved readability.
/* ==UserStyle==
@name Apple Music Lyrics Panel Left-Aligned
@description Custom style to left-align lyrics in Apple Music for improved readability.
@version 1.1.0
@namespace page.loupe.amlplas
@license MIT
==/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;
}
.lyrics__container:not(.is-lyrics-off) {
grid-template-areas: "lyrics controls" !important;
grid-template-columns: 40vw 32vw !important;
}
}
}