Backed out changeset 5ba65c3ad1ff (Bug 1496400) for failing devtools' browser_parsable_css.js: revert aboutdebugging.css which didn't get reverted during the backout
authorSebastian Hengst <archaeopteryx@coole-files.de>
Fri, 19 Oct 2018 19:45:29 +0300
changeset 442199 0e7248074acf71bb6553a68c53299f2fd1b35329
parent 442198 95fe4f9c32033b78245886e1e83f70675624977b
child 442200 388806780facbc345aa5ce0e7cc6b6bc108b29e8
push id71387
push userarchaeopteryx@coole-files.de
push dateFri, 19 Oct 2018 16:47:08 +0000
treeherderautoland@0e7248074acf [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs1496400
milestone64.0a1
backs out5ba65c3ad1ffc76c31dcfda165b87afc1269b415
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Backed out changeset 5ba65c3ad1ff (Bug 1496400) for failing devtools' browser_parsable_css.js: revert aboutdebugging.css which didn't get reverted during the backout
devtools/client/aboutdebugging-new/aboutdebugging.css
--- a/devtools/client/aboutdebugging-new/aboutdebugging.css
+++ b/devtools/client/aboutdebugging-new/aboutdebugging.css
@@ -1,28 +1,97 @@
 /* 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/. */
 
-/*
-* Global styles
-*/
+@import "chrome://global/skin/in-content/common.css";
 @import "resource://devtools/client/themes/variables.css";
-@import "resource://devtools/client/aboutdebugging-new/src/base.css";
 
-/*
-* Components
-*/
 @import "resource://devtools/client/aboutdebugging-new/src/components/App.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/RuntimeInfo.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/connect/ConnectPage.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/connect/ConnectSteps.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/connect/NetworkLocationsForm.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/connect/NetworkLocationsList.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/debugtarget/DebugTargetItem.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/debugtarget/DebugTargetList.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/debugtarget/DebugTargetPane.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/debugtarget/ExtensionDetail.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/debugtarget/WorkerDetail.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/sidebar/Sidebar.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/sidebar/SidebarFixedItem.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/sidebar/SidebarItem.css";
 @import "resource://devtools/client/aboutdebugging-new/src/components/sidebar/SidebarRuntimeItem.css";
+
+:root {
+  /* Import css variables from common.css */
+  --text-color: var(--in-content-page-color);
+
+  /* */
+  /* Variables with values from common.css, which are hardcoded there */
+  /* */
+
+  /* global layout vars */
+  --page-width: 664px;
+  --base-distance: 4px;
+
+  /* global styles */
+  --base-font-size: 15px; /* root font of 11px * 1.36em = 15px */
+  --base-line-height: 1.8;
+  --button-form-width: 150px;
+  --input-hpadding: 5px;
+}
+
+html, body {
+  margin: 0;
+  padding: 0;
+  color: var(--text-color);
+}
+
+dd {
+  margin: 0;
+  padding: 0;
+}
+
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.ellipsis-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.separator {
+  margin: calc(var(--base-distance) * 4) 0;
+}
+
+.std-button {
+  box-sizing: border-box;
+  margin: 0;
+  min-width: var(--button-form-width);
+}
+
+.std-input,
+/* NOTE: this is here to override the rules in common.css, which have higher
+specificity. Once we stop importing that stylesheet, this extra selector can
+be removed. */
+.std-input[type=text] {
+  box-sizing: border-box;
+  line-height: unset;
+  padding: 0 var(--input-hpadding);
+  height: 100%;
+}
+
+/* TODO: check these values */
+.aboutdebugging-button {
+  height: 36px;
+  margin-block-start: 0;
+  margin-block-end: 0;
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  min-width: 100px;
+  padding-inline-start: 20px;
+  padding-inline-end: 20px;
+}