Custom style to left-align lyrics in Apple Music for improved readability.
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
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;
}
}
}