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 490539 0e7248074acf71bb6553a68c53299f2fd1b35329
parent 490538 95fe4f9c32033b78245886e1e83f70675624977b
child 490540 388806780facbc345aa5ce0e7cc6b6bc108b29e8
push id247
push userfmarier@mozilla.com
push dateSat, 27 Oct 2018 01:06:44 +0000
bugs1496400
milestone64.0a1
backs out5ba65c3ad1ffc76c31dcfda165b87afc1269b415
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;
+}