Bug 1950053 - add a CSS intervention for omegleapp.me/chat to re-style scrollbars; r=denschub,webcompat-reviewers

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

browser/extensions/webcompat/data/interventions.json

@@ -3088,5 +3088,22 @@
         "ua_string": ["add_Chrome"]
       }
     ]
+  },
+  "1950053": {
+    "label": "omegleapp.me",
+    "bugs": {
+      "1950053": {
+        "issue": "extra-scrollbars",
+        "matches": ["*://omegleapp.me/chat*"]
+      }
+    },
+    "interventions": [
+      {
+        "platforms": ["desktop"],
+        "content_scripts": {
+          "css": ["bug1950053-omegleapp.me-fix-scrollbars.css"]
+        }
+      }
+    ]
   }
 }

browser/extensions/webcompat/injections/css/bug1950053-omegleapp.me-fix-scrollbars.css

@@ -0,0 +1,18 @@
+/* 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/. */
+
+/**
+ * omegleapp.me - scrollbars are not hidden, or are too wide.
+ * Bug #1950053 - https://bugzilla.mozilla.org/show_bug.cgi?id=1950053
+ * WebCompat issue #148704 - https://github.com/webcompat/web-bugs/issues/148704
+ *
+ * They are using non-standard webkit-scrollbar CSS to style scrollbars.
+ * We can use scrollbar-width instead to fix them.
+ */
+.chatAndVideo .chatSection .chatBox_messages {
+  scrollbar-width: thin;
+}
+.chatAndVideo .chatSection .chatBox {
+  scrollbar-width: none;
+}

browser/extensions/webcompat/moz.build

@@ -90,6 +90,7 @@ FINAL_TARGET_FILES.features["webcompat@mozilla.org"]["injections"]["css"] += [
     "injections/css/bug1947105-pexels.com-nudge-thanks-popup-onscreen.css",
     "injections/css/bug1947979-shazam.com-hide-extra-scrollbars.css",
     "injections/css/bug1948047-lovers.cacaushow.com.br-nudge-login-popup-onscreen.css",
+    "injections/css/bug1950053-omegleapp.me-fix-scrollbars.css",
 ]
 
 FINAL_TARGET_FILES.features["webcompat@mozilla.org"]["injections"]["js"] += [