Bug 1544241 - Fix about:performance table header transparency for in-content dark mode and also fill the full height of the header r=dao
authorKestrel <ke5trel@protonmail.com>
Tue, 16 Apr 2019 11:43:01 +0000
changeset 469646 2cc6a2c9755e
parent 469645 978eb962906f
child 469647 ae450d67977b
push id35878
push userapavel@mozilla.com
push dateTue, 16 Apr 2019 15:43:40 +0000
treeherdermozilla-central@258af4e91151 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1544241
milestone68.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 1544241 - Fix about:performance table header transparency for in-content dark mode and also fill the full height of the header r=dao Differential Revision: https://phabricator.services.mozilla.com/D27660
toolkit/components/aboutperformance/content/aboutPerformance.xhtml
--- a/toolkit/components/aboutperformance/content/aboutPerformance.xhtml
+++ b/toolkit/components/aboutperformance/content/aboutPerformance.xhtml
@@ -42,16 +42,17 @@
         margin-top: 2em;
       }
       #dispatch-thead {
         position: fixed;
         z-index: 1;
         height: 2em;
         border-bottom: 1px solid var(--in-content-border-color);
         min-width: 40em;
+        background-color: var(--in-content-box-background);
       }
       tr {
         display: table;
         table-layout: fixed;
         width: 100%;
       }
       td:nth-child(2) {
         width: 8em;
@@ -127,16 +128,20 @@
       .close-icon::after {
         content: url("chrome://global/skin/icons/close.svg");
         height: 100%;
         top: 0;
         left: -13px;
         transform: scale(1.2);
       }
 
+      #dispatch-thead > tr {
+        height: inherit;
+      }
+
       #dispatch-thead > tr > td {
         border: none;
         background-color: var(--in-content-box-background-hover);
       }
       #dispatch-thead > tr > td:not(:first-child) {
         border-inline-start-width: 1px;
         border-inline-start-style: solid;
         border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1;