Bug 1381550 - Update font sizes in about:debugging r?jdescottes draft
authorMark Striemer <mstriemer@mozilla.com>
Wed, 19 Jul 2017 11:57:05 -0500
changeset 611374 87182faf3662ac49cacc0f8633f9e68bd8968175
parent 610060 bd9af2730ced5dabe8a3c542778b3e8feddb938a
child 638147 cd483bacf48044f0b3cc22fa80553faa21b406f1
push id69206
push userbmo:mstriemer@mozilla.com
push dateWed, 19 Jul 2017 16:58:02 +0000
reviewersjdescottes
bugs1381550
milestone56.0a1
Bug 1381550 - Update font sizes in about:debugging r?jdescottes MozReview-Commit-ID: 9fTtFH1DnGN
devtools/client/aboutdebugging/aboutdebugging.css
devtools/client/aboutdebugging/components/addons/target.js
--- a/devtools/client/aboutdebugging/aboutdebugging.css
+++ b/devtools/client/aboutdebugging/aboutdebugging.css
@@ -227,35 +227,45 @@ button {
   width: 100%;
   height: 100%;
 }
 
 .error-page .error-page-details {
   color: gray;
 }
 
+#addons-panel h2 {
+  font-size: 1.5rem;
+  font-weight: bold;
+}
+
 .addon-target-container {
   background: #fff;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.12);
   list-style-type: none;
+  font-size: 13px;
   margin: 0 0 8px;
   padding: 4px 16px;
   transition: box-shadow 150ms;
 }
 
 .addon-target-container:hover {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
 }
 
 .addon-target-container .target {
   align-items: center;
   display: flex;
   margin: 0;
   padding: 16px 0;
-  font-size: 14px;
+}
+
+.addon-target-name {
+  font-size: 15px;
+  font-weight: 600;
 }
 
 .addon-target-actions {
   border-top: 1px solid rgba(0, 0, 0, 0.2);
 }
 
 .addon-target-container .target-icon {
   margin-inline-end: 16px;
@@ -288,17 +298,17 @@ button {
 .addon-target-info-more {
   padding-left: 1ch;
 }
 
 .addon-target-button {
   background: none;
   border: none;
   color: #0087ff;
-  font-size: 14px;
+  font-size: 13px;
   margin: 12px;
   min-width: auto;
   padding: 4px;
   transition: color 150ms;
 }
 
 .addon-target-button:active,
 .addon-target-button:hover,
--- a/devtools/client/aboutdebugging/components/addons/target.js
+++ b/devtools/client/aboutdebugging/components/addons/target.js
@@ -133,17 +133,19 @@ module.exports = createClass({
     return dom.li(
       { className: "addon-target-container", "data-addon-id": target.addonID },
       dom.div({ className: "target" },
         dom.img({
           className: "target-icon",
           role: "presentation",
           src: target.icon
         }),
-        dom.span({ className: "target-name", title: target.name }, target.name)
+        dom.span(
+          { className: "target-name addon-target-name", title: target.name },
+          target.name)
       ),
       ...temporaryID(target),
       dom.dl(
         { className: "addon-target-info" },
         ...filePathForTarget(target),
         ...internalIDForTarget(target),
       ),
       dom.div({className: "addon-target-actions"},