Bug 1641371 - Align the tracking protection info element r=Honza
authorHubert Boma Manilla <hmanilla@mozilla.com>
Thu, 28 May 2020 11:17:07 +0000
changeset 596505 450aaa84a055ede7b47fed95b59f1a948749ba6e
parent 596504 d62da1a75701f8b1880bf11c37ac6673eef2fb7b
child 596506 15073f3afeb85f8b198c2ac585e4de667f6e46c6
push id13186
push userffxbld-merge
push dateMon, 01 Jun 2020 09:52:46 +0000
treeherdermozilla-beta@3e7c70a1e4a1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersHonza
bugs1641371
milestone78.0a1
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
Bug 1641371 - Align the tracking protection info element r=Honza Differential Revision: https://phabricator.services.mozilla.com/D77160
devtools/client/netmonitor/src/assets/styles/HeadersPanel.css
devtools/client/netmonitor/src/components/request-details/HeadersPanel.js
--- a/devtools/client/netmonitor/src/assets/styles/HeadersPanel.css
+++ b/devtools/client/netmonitor/src/assets/styles/HeadersPanel.css
@@ -181,17 +181,17 @@
 }
 
 .theme-dark .network-monitor .tabpanel-summary-value {
   color: var(--theme-selection-color);
 }
 
 .network-monitor .tracking-protection {
   color: var(--theme-icon-dimmed-color);
-  margin-left: 47px;
+  max-width: 200px;
 }
 
 .network-monitor .tracking-protection .learn-more-link:not(:hover)::before {
   color: var(--theme-icon-dimmed-color);
 }
 
 .theme-dark .network-monitor .edit-and-resend-button {
   background-color: var(--toolbarbutton-background);
--- a/devtools/client/netmonitor/src/components/request-details/HeadersPanel.js
+++ b/devtools/client/netmonitor/src/components/request-details/HeadersPanel.js
@@ -676,17 +676,17 @@ class HeadersPanel extends Component {
         HEADERS_CONTENT_BLOCKING,
         div(null, span({ className: "tracking-resource" }), HEADERS_ETP)
       );
       trackingProtectionDetails = this.renderSummary(
         "",
         div(
           {
             key: "tracking-protection",
-            className: "tabpanel-summary-value tracking-protection",
+            className: "tracking-protection",
           },
           L10N.getStr("netmonitor.trackingResource.tooltip"),
           trackingProtectionDocURL
             ? MDNLink({
                 url: trackingProtectionDocURL,
                 title: SUMMARY_STATUS_LEARN_MORE,
               })
             : span({ className: "headers-summary learn-more-link" })