update the pill class to include a text color so it can be used outsi…

…de of the header context. add a download link after the custom waterfall image.
catchpoint · Sep 16, 2021 · 2fbef46 · 2fbef46
1 parent 69f7d4f
commit 2fbef46
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/www/common.inc b/www/common.inc
@@ -149,7 +149,7 @@ if (!$privateInstall) {
 
 // constants
 define('VER_WEBPAGETEST', '21.07');   // webpagetest version
-define('VER_CSS', 142);                // version of the sitewide css file
+define('VER_CSS', 143);                // version of the sitewide css file
 define('VER_JS', 40);                 // version of the sitewide javascript file
 define('VER_JS_TEST', 47);            // version of the javascript specific to the test pages
 define('VER_JS_RUNNING', 1);          // version of the javascript specific to the test running status page

diff --git a/www/customWaterfall.php b/www/customWaterfall.php
@@ -85,7 +85,9 @@
                 if( FRIENDLY_URLS )
                     $extension = 'png';
                 echo "<img id=\"waterfallImage\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"Waterfall\" src=\"/waterfall.$extension?test=$id&run=$run&cached=$cached&step=$step&cpu=1&bw=1&ut=1&mime=1&js=1&wait=1\">";
-            ?>
+                echo "<p class=\"customwaterfall_download\"><a class=\"pill\" download href=\"/waterfall.$extension?test=$id&run=$run&cached=$cached&step=$step&cpu=1&bw=1&ut=1&mime=1&js=1&wait=1\">Download Waterfall Image</a></p>";
+
+?>
             </div>
             <?php include('footer.inc'); ?>
 

diff --git a/www/pagestyle2.css b/www/pagestyle2.css
@@ -101,6 +101,7 @@ a.pill{
     padding: 0.6875em 1.4375em;
     line-height: 1em;
     text-decoration: none;
+    color: #fff;
 }
 .home a {color: #fff;}
 img {border: none;}

diff --git a/www/waterfall.css b/www/waterfall.css
@@ -258,6 +258,9 @@ div.bar {
     position: absolute;
     right: 0;
 }
+.customwaterfall_download {
+    margin: 3rem 0;
+}
 /* at 60em and up, the settings are displayed as a fixed panel */
 @media (min-width: 60em) {
     .customwaterfall_hed {