Test freshness page should handle horizontal overflow.

https://bugs.webkit.org/show_bug.cgi?id=255314 rdar://107119770 Reviewed by Patrick Angle. Update CSS for test freshness table so that it can handle horizontal overflow while preserving table centering. * Websites/perf.webkit.org/public/v3/pages/test-freshness-page.js: Update CSS for CSS table. (TestFreshnessPage.cssTemplate): Canonical link: https://commits.webkit.org/262864@main
WebKit · Apr 12, 2023 · 27d5d8d · 27d5d8d
1 parent fc4da45
commit 27d5d8d
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/Websites/perf.webkit.org/public/v3/pages/test-freshness-page.js b/Websites/perf.webkit.org/public/v3/pages/test-freshness-page.js
@@ -416,11 +416,12 @@ class TestFreshnessPage extends PageWithHeading {
     {
         return `
             .page-with-heading {
-                display: flex;
-                justify-content: center;
+                display: grid;
+                grid-template-columns: 1fr [content] min-content 1fr;
             }
             #test-health {
                 font-size: 1rem;
+                grid-column: content;
             }
             #test-health thead {
                 display: block;
@@ -431,7 +432,7 @@ class TestFreshnessPage extends PageWithHeading {
                 vertical-align: bottom;
             }
             #test-health .row-head {
-                min-width: 18.5rem;
+                min-width: 24rem;
             }
             #test-health th {
                 text-align: left;