1 files changed, 30 insertions, 0 deletions
diff --git a/src/static/js/client/css-compatibility-assistant.js b/src/static/js/client/css-compatibility-assistant.js
new file mode 100644
index 00000000..aa637cc4
--- /dev/null
+++ b/src/static/js/client/css-compatibility-assistant.js
@@ -0,0 +1,30 @@
+/* eslint-env browser */
+
+import {stitchArrays} from '../../shared-util/sugar.js';
+
+export const info = {
+  id: 'cssCompatibilityAssistantInfo',
+
+  coverArtworks: null,
+  coverArtworkImageDetails: null,
+};
+
+export function getPageReferences() {
+  info.coverArtworks =
+    Array.from(document.querySelectorAll('.cover-artwork'));
+
+  info.coverArtworkImageDetails =
+    info.coverArtworks
+      .map(artwork => artwork.querySelector('.image-details'));
+}
+
+export function mutatePageContent() {
+  stitchArrays({
+    coverArtwork: info.coverArtworks,
+    imageDetails: info.coverArtworkImageDetails,
+  }).forEach(({coverArtwork, imageDetails}) => {
+      if (imageDetails) {
+        coverArtwork.classList.add('has-image-details');
+      }
+    });
+}