hide artist image if animated profile is available
This commit is contained in:
parent
59850b1006
commit
9a27ffd652
2 changed files with 12 additions and 1 deletions
|
@ -1117,6 +1117,14 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.col.flex-center.artist-animation-on {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
flex: unset;
|
||||||
|
margin-left: 1.8em;
|
||||||
|
color: whitesmoke;
|
||||||
|
}
|
||||||
|
|
||||||
.list-entry-header {
|
.list-entry-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -9,11 +9,14 @@
|
||||||
<div class="col-sm" style="width: auto;">
|
<div class="col-sm" style="width: auto;">
|
||||||
<div class="artist-image">
|
<div class="artist-image">
|
||||||
<mediaitem-artwork
|
<mediaitem-artwork
|
||||||
|
v-if="!(data.attributes.editorialVideo && (data.attributes.editorialVideo.motionArtistWide16x9 || data.attributes.editorialVideo.motionArtistFullscreen16x9))"
|
||||||
:url="data.attributes.artwork ? data.attributes.artwork.url : ''"
|
:url="data.attributes.artwork ? data.attributes.artwork.url : ''"
|
||||||
size="220" type="artists"></mediaitem-artwork>
|
size="220" type="artists"></mediaitem-artwork>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col flex-center">
|
<div class="col flex-center"
|
||||||
|
:class="{'artist-animation-on': (data.attributes.editorialVideo && (data.attributes.editorialVideo.motionArtistWide16x9 || data.attributes.editorialVideo.motionArtistFullscreen16x9)) }"
|
||||||
|
>
|
||||||
<h1>{{ data.attributes.name }}</h1>
|
<h1>{{ data.attributes.name }}</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue