MBS-13263: Add blank space before releases without cover art for alig…

…nment
metabrainz · May 3, 2024 · 6666460 · 6666460
1 parent eafdcf0
commit 6666460
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/root/static/scripts/common/components/EntityLink.js b/root/static/scripts/common/components/EntityLink.js
@@ -374,6 +374,16 @@ $ReadOnlyArray<Expand2ReactOutput> | Expand2ReactOutput | null => {
           {content}
         </React.Fragment>
       );
+    } else if (entity.entityType === 'release' &&
+        entity.cover_art_presence !== 'present') {
+      content = (
+        <React.Fragment key="caa">
+          <span
+            className="blank-icon"
+          />
+          {content}
+        </React.Fragment>
+      );
     }
 
     if (entity.entityType === 'release_group' && entity.hasCoverArt) {

diff --git a/root/static/styles/layout.less b/root/static/styles/layout.less
@@ -662,6 +662,14 @@ span.caa-icon {
     width: 18px;
 }
 
+span.blank-icon {
+    display: inline-block;
+    height: 18px;
+    padding-right: 5px;
+    vertical-align: bottom;
+    width: 18px;
+}
+
 span.video {
     background-image: data-uri('../images/icons/video.png');
     background-repeat: no-repeat;