mediaitem artwork css changes
- set image rendering for artworkLCD to auto - changed missingartwork background to apply on img instead of the containing div to fix weird outlines
This commit is contained in:
parent
255ab08656
commit
bd8f82fa20
1 changed files with 8 additions and 4 deletions
|
@ -211,7 +211,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Media Item Elements
|
// Media Item Elements
|
||||||
|
|
||||||
.mediaitem-artwork {
|
.mediaitem-artwork {
|
||||||
|
@ -221,9 +220,6 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-image: url("./assets/MissingArtwork.svg");
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
|
|
||||||
.animatedartwork-view-box {
|
.animatedartwork-view-box {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -270,6 +266,9 @@
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
image-rendering: -webkit-optimize-contrast;
|
image-rendering: -webkit-optimize-contrast;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
background-image: url("./assets/MissingArtwork.svg");
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.no-shadow {
|
&.no-shadow {
|
||||||
|
@ -289,6 +288,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#artworkLCD img {
|
||||||
|
image-rendering: auto;
|
||||||
|
}
|
||||||
|
|
||||||
/* queue item */
|
/* queue item */
|
||||||
.cd-queue-item {
|
.cd-queue-item {
|
||||||
border-bottom: 0px solid rgb(200 200 200 / 10%);
|
border-bottom: 0px solid rgb(200 200 200 / 10%);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue