From 9a27ffd652de6c3de45438076a29031dfa1ac825 Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Fri, 10 Dec 2021 11:23:42 +0700
Subject: [PATCH] hide artist image if animated profile is available

---
 resources/cider-ui-tests/style.less             | 8 ++++++++
 resources/cider-ui-tests/views/pages/artist.ejs | 5 ++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/resources/cider-ui-tests/style.less b/resources/cider-ui-tests/style.less
index fe276394..918aaa20 100644
--- a/resources/cider-ui-tests/style.less
+++ b/resources/cider-ui-tests/style.less
@@ -1117,6 +1117,14 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   flex-wrap: wrap;
 }
 
+.col.flex-center.artist-animation-on {
+  width: 100%;
+  display: block;
+  flex: unset;
+  margin-left: 1.8em;
+  color: whitesmoke;
+}
+
 .list-entry-header {
   display: flex;
   align-items: center;
diff --git a/resources/cider-ui-tests/views/pages/artist.ejs b/resources/cider-ui-tests/views/pages/artist.ejs
index 76a6a80a..22908d1d 100644
--- a/resources/cider-ui-tests/views/pages/artist.ejs
+++ b/resources/cider-ui-tests/views/pages/artist.ejs
@@ -9,11 +9,14 @@
                 <div class="col-sm" style="width: auto;">
                     <div class="artist-image">
                         <mediaitem-artwork
+                                v-if="!(data.attributes.editorialVideo && (data.attributes.editorialVideo.motionArtistWide16x9 || data.attributes.editorialVideo.motionArtistFullscreen16x9))"
                                 :url="data.attributes.artwork ? data.attributes.artwork.url : ''"
                                 size="220" type="artists"></mediaitem-artwork>
                     </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>
                 </div>
             </div>