From 2a76be22a7e1048b5b1062afa20d00cba88e93a9 Mon Sep 17 00:00:00 2001
From: Taras Madan <tarasmadan@google.com>
Date: Wed, 17 Jul 2024 15:33:18 +0200
Subject: dashboard/app: move graphs to submenu

---
 dashboard/app/templates/templates.html | 36 +++++++++++++---------------------
 pkg/html/pages/style.css               |  2 +-
 2 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/dashboard/app/templates/templates.html b/dashboard/app/templates/templates.html
index 718b6d878..5478d027a 100644
--- a/dashboard/app/templates/templates.html
+++ b/dashboard/app/templates/templates.html
@@ -87,30 +87,22 @@ Use of this source code is governed by Apache 2 LICENSE that can be found in the
           </div>
         {{end}}
 
-        <div class="navigation_tab{{if eq .URLPath (printf "/%v/graph/bugs" $.Namespace)}}_selected{{end}}">
-          <a href='/{{$.Namespace}}/graph/bugs'>
-            <span style="color:DarkOrange;">📈</span> Kernel Health</a>
-        </div>
-
-        <div class="navigation_tab{{if eq .URLPath (printf "/%v/graph/found-bugs" $.Namespace)}}_selected{{end}}">
-          <a href='/{{$.Namespace}}/graph/found-bugs'>
-            <span style="color:DarkOrange;">📈</span> Bugs/Month</a>
-        </div>
-
-        <div class="navigation_tab{{if eq .URLPath (printf "/%v/graph/lifetimes" $.Namespace)}}_selected{{end}}">
-          <a href='/{{$.Namespace}}/graph/lifetimes'>
-            <span style="color:DarkOrange;">📈</span> Bug Lifetimes</a>
-        </div>
-
-        <div class="navigation_tab{{if eq .URLPath (printf "/%v/graph/fuzzing" $.Namespace)}}_selected{{end}}">
-          <a href='/{{$.Namespace}}/graph/fuzzing'>
-            <span style="color:DarkOrange;">📈</span> Fuzzing</a>
+        <div class="dropdown navigation_tab">
+          <button class="dropbtn"><span style="color:DarkOrange;">📈</span>Graphs</button>
+          <div class="dropdown-content">
+            <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/bugs" $.Namespace)}}_selected{{end}}"
+                href='/{{$.Namespace}}/graph/bugs'>Kernel&nbsp;Health</>
+            <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/found-bugs" $.Namespace)}}_selected{{end}}"
+                href='/{{$.Namespace}}/graph/found-bugs'>Bugs/Month</a>
+            <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/lifetimes" $.Namespace)}}_selected{{end}}"
+                href='/{{$.Namespace}}/graph/lifetimes'>Bug&nbsp;Lifetimes</a>
+            <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/fuzzing" $.Namespace)}}_selected{{end}}"
+                href='/{{$.Namespace}}/graph/fuzzing'>Fuzzing</a>
+            <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/crashes" $.Namespace)}}_selected{{end}}"
+                href='/{{$.Namespace}}/graph/crashes'>Crashes</a>
+          </div>
         </div>
 
-        <div class="navigation_tab{{if eq .URLPath (printf "/%v/graph/crashes" $.Namespace)}}_selected{{end}}">
-          <a href='/{{$.Namespace}}/graph/crashes'>
-            <span style="color:DarkOrange;">📈</span> Crashes</a>
-        </div>
         {{if .ShowCoverageMenu}}
           <div class="dropdown navigation_tab">
             <button class="dropbtn"><span style="color:DarkOrange;">📈</span>Coverage</button>
diff --git a/pkg/html/pages/style.css b/pkg/html/pages/style.css
index 8a7ab747d..757712f39 100644
--- a/pkg/html/pages/style.css
+++ b/pkg/html/pages/style.css
@@ -456,7 +456,7 @@ aside {
 }
 
 /* Links inside the dropdown */
-.dropdown-content a {
+.dropdown-content div a {
 	color: black;
 	text-decoration: none;
 	display: block;
-- 
cgit mrf-deployment