Bug 1953077 - add a CSS webcompat intervention for Nintendo's movie guidebook page to un-hide the images; r=denschub,webcompat-reviewers

Differential Revision: https://phabricator.services.mozilla.com/D248142

browser/extensions/webcompat/data/interventions.json

@@ -3246,6 +3246,23 @@
       }
     ]
   },
+  "1953077": {
+    "label": "Nintendo movie guidebook",
+    "bugs": {
+      "1953077": {
+        "issue": "broken-layout",
+        "matches": ["*://*.nintendo.com/*"]
+      }
+    },
+    "interventions": [
+      {
+        "platforms": ["all"],
+        "content_scripts": {
+          "css": ["bug1953077-nintendo.com-fix-blank-movie-guidebook.css"]
+        }
+      }
+    ]
+  },
   "1956165": {
     "label": "m.youtube.com picture-in-picture fix",
     "bugs": {

browser/extensions/webcompat/injections/css/bug1953077-nintendo.com-fix-blank-movie-guidebook.css

@@ -0,0 +1,15 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/**
+ * www.nintendo.com - Movie guidebook is blank
+ * Bug #1953077 - https://bugzilla.mozilla.org/show_bug.cgi?id=1953077
+ * WebCompat issue #149642 - https://webcompat.com/issues/149642
+ *
+ * The movie guidebook appears blank due to bug 1953879. We can work
+ * around that by removing the flex-shrinking of the images.
+ */
+.movie-guidebook .slider .slider__container img {
+  flex-shrink: 0;
+}