okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

animated artworks

Browse source
This commit is contained in:
vapormusic 2021-12-07 21:04:03 +07:00
parent 0190beb5b8
commit 44792c0918
8 changed files with 114 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

48
resources/cider-ui-tests/style.css
View file

@ -1365,6 +1365,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
align-items: center;
justify-content: space-between;
min-height: 300px;
position: relative;
}
.artist-page .artist-image {
@ -1425,6 +1426,49 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
width: 100%;
height: 100%;
}
.mediaitem-artwork .animatedartwork-view-box .animated{
position: absolute;
top: 0px;
width: 200px;
height: 200px;
}
.mediaitem-artwork .animatedartwork-view-box .animated > video {
width: 200px;
height: 200px;
}
.mediaitem-artwork .animatedartwork-view-box{
position: absolute;
top: 0px;
width: 200px;
height: 200px;
}
.artist-header .animated{
width: 100%;
height: 100%;
align-self: center;
position: absolute;
overflow: hidden;
box-shadow: rgb(0 0 0 / 50%) 0 0 0 1000000px inset;
}
.artist-header .row .col.flex-center{
z-index: 4;
}
.artist-header .animated > video {
overflow: hidden;
height: 100%;
width: 100%;
min-height: 56.25vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.mediaitem-artwork.rounded {
border-radius: 100%;
@ -1962,4 +2006,8 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
#apple-music-video-player-controls:hover{
opacity: 1;
}
img[src=""] {
text-indent: -10000px;
}