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 500683 0e7248074acf71bb6553a68c53299f2fd1b35329
parent 500682 95fe4f9c32033b78245886e1e83f70675624977b
child 500684 388806780facbc345aa5ce0e7cc6b6bc108b29e8
push id1864
push userffxbld-merge
push dateMon, 03 Dec 2018 15:51:40 +0000
treeherdermozilla-release@f040763d99ad [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;
+}