add gif

Signed-off-by: Kawika Avilla <kavilla414@gmail.com>
opensearch-project · Jun 2, 2023 · 7fa6299 · 7fa6299
1 parent 4651ff5
commit 7fa6299
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 7 deletions.
diff --git a/site/assets/plugin_test_results_help.gif b/site/assets/plugin_test_results_help.gif
diff --git a/site/index.html b/site/index.html
@@ -12,7 +12,8 @@
 
 <body onload="setDefaultValues()">
   <div class="topNav">
-    <span>OpenSearch Dashboards Test Results Explorer</span>
+    <img src="https://opensearch.org/assets/brand/SVG/Logo/opensearch_dashboards_logo_darkmode.svg"/>
+    <span>Functional Test Results Explorer</span>
     <a href="https://github.com/opensearch-project/opensearch-dashboards-functional-test">
       Github
     </a>

diff --git a/site/js/dashboard.js b/site/js/dashboard.js
@@ -264,7 +264,8 @@ function enableLegacyTestsResults() {
 function hideLegacyTestsResults() {
   document.getElementById('testResultsDiv').style.display = 'none';
   var testResultsLink = document.getElementById('testResultLink');
-  testResultsLink.textContent = 'How to View Test Results';
+  testResultsLink.textContent = 'How to view test results for plugins';
+  testResultsLink.href = 'assets/plugin_test_results_help.gif';
 }
 
 // eslint-disable-next-line no-unused-vars
@@ -320,9 +321,8 @@ function getPluginLinks(plugin) {
     pluginTestResultLink.href = testResultsUrl;
     document.getElementById('pluginLink').appendChild(pluginTestResultLink);
 
-    const breakElement = document.createElement('br');
-    breakElement.style = 'margin-bottom: 12px;';
-    document.getElementById('pluginLink').appendChild(breakElement);
+    const ruleElement = document.createElement('hr');
+    document.getElementById('pluginLink').appendChild(ruleElement);
   }
 
   var pluginLink = document.createElement('a');

diff --git a/site/styles.css b/site/styles.css
@@ -152,18 +152,24 @@ body {
     overflow: hidden;
 }
 
+.topNav img {
+    float: left;
+    height: 28px;
+    width: auto;
+    padding: 12px 6px;
+}
 .topNav span {
     float: left;
     color: white;
-    padding: 14px 16px;
+    padding: 16px 8px;
     font-size: 1rem;
     cursor: default;
 }
 
 .topNav a {
     float: right;
     color: white;
-    padding: 14px 16px;
+    padding: 16px 16px;
     text-align: center;
     text-decoration: underline;
     font-size: 1rem;