Bug 1467572 - Part 19: Remove responsive-ua.css. r=rcaliman

browser/base/content/test/static/browser_parsable_css.js

@@ -27,10 +27,6 @@ let whitelist = [
   {sourceName: /highlighters\.css$/i,
    errorMessage: /Unknown pseudo-class.*moz-native-anonymous/i,
    isFromDevTools: true},
-  // Responsive Design Mode CSS uses a UA-only pseudo-class, see Bug 1241714.
-  {sourceName: /responsive-ua\.css$/i,
-   errorMessage: /Unknown pseudo-class.*moz-dropdown-list/i,
-   isFromDevTools: true},
   // UA-only media features.
   {sourceName: /\b(autocomplete-item|svg)\.css$/,
    errorMessage: /Expected media feature name but found \u2018-moz.*/i,

devtools/client/responsive.html/index.js

@@ -13,7 +13,6 @@ const { require } = BrowserLoader({
   window
 });
 const Telemetry = require("devtools/client/shared/telemetry");
-const { loadAgentSheet } = require("./utils/css");
 
 const { createFactory, createElement } =
   require("devtools/client/shared/vendor/react");
@@ -39,13 +38,6 @@ const bootstrap = {
   store: null,
 
   async init() {
-    // Load a special UA stylesheet to reset certain styles such as dropdown
-    // lists.
-    loadAgentSheet(
-      window,
-      "resource://devtools/client/responsive.html/responsive-ua.css"
-    );
-
     this.telemetry.toolOpened("responsive");
 
     const store = this.store = Store();

devtools/client/responsive.html/moz.build

@@ -20,7 +20,6 @@ DevToolsModules(
     'index.js',
     'manager.js',
     'reducers.js',
-    'responsive-ua.css',
     'setting-onboarding-tooltip.js',
     'store.js',
     'types.js',

devtools/client/responsive.html/responsive-ua.css

@@ -1,6 +0,0 @@
-@namespace url(http://www.w3.org/1999/xhtml);
-
-/* Reset default UA styles for dropdown options */
-*|*::-moz-dropdown-list {
-  border: 0 !important;
-}

devtools/client/responsive.html/utils/css.js

@@ -1,18 +0,0 @@
-/* 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/. */
-
-"use strict";
-
-const { getDOMWindowUtils } = require("./window");
-
-/**
- * Synchronously loads an agent style sheet from `uri` and adds it to the list of
- * additional style sheets of the document.  The sheets added takes effect immediately,
- * and only on the document of the `window` given.
- */
-function loadAgentSheet(window, url) {
-  const winUtils = getDOMWindowUtils(window);
-  winUtils.loadSheetUsingURIString(url, winUtils.AGENT_SHEET);
-}
-exports.loadAgentSheet = loadAgentSheet;

devtools/client/responsive.html/utils/moz.build

@@ -5,7 +5,6 @@
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 DevToolsModules(
-    'css.js',
     'e10s.js',
     'key.js',
     'l10n.js',