diff --git a/src/renderer/style.less b/src/renderer/style.less index 2511b9fe..81dba007 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -3070,6 +3070,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { transition: opacity 0.1s var(--appleEase); } + &.animated .artist-header .more-btn-round { + position: absolute; + bottom: 22px !important; + right: 28px; + } + .artist-header { //background: linear-gradient(45deg, var(--keyColor), #0e0e0e); color: white; @@ -3083,6 +3089,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { z-index: 1; } + .artworkContainer { position: absolute; top: 0; @@ -3107,7 +3114,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { .more-btn-round { position: absolute; - bottom: 84px; + bottom: 82px; right: 28px; } @@ -3200,8 +3207,6 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { } } .artist-title { - position: relative; - top: -19px; .artist-play { transform: translateY(3px); @@ -3224,7 +3229,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { .artist-body { padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding); - margin-top: -137px; + margin-top: -140px; + } + + &.animated > .artist-body { + padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding); + margin-top: -57px; } .showmoreless { diff --git a/src/renderer/views/pages/artist.ejs b/src/renderer/views/pages/artist.ejs index e1be6bca..4eac7489 100644 --- a/src/renderer/views/pages/artist.ejs +++ b/src/renderer/views/pages/artist.ejs @@ -1,5 +1,5 @@