Bug 1381550 - Update font sizes in about:debugging r?jdescottes
MozReview-Commit-ID: 9fTtFH1DnGN
--- 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"},