dashboard/app: fix coverage menu

google · Jul 17, 2024 · 5dec23d · 5dec23d
1 parent 2a76be2
commit 5dec23d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/dashboard/app/templates/templates.html b/dashboard/app/templates/templates.html
@@ -91,7 +91,7 @@ <h1><a href="/{{$.Namespace}}">syzbot</a></h1>
           <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</>
+                href='/{{$.Namespace}}/graph/bugs'>Kernel&nbsp;Health</a>
             <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}}"
@@ -106,9 +106,11 @@ <h1><a href="/{{$.Namespace}}">syzbot</a></h1>
         {{if .ShowCoverageMenu}}
           <div class="dropdown navigation_tab">
             <button class="dropbtn"><span style="color:DarkOrange;">📈</span>Coverage</button>
-            <div class="dropdown-content navigation_tab{{if eq .URLPath (printf "/%v/graph/coverage" $.Namespace)}}_selected{{end}}">
-              <a href="/{{$.Namespace}}/graph/coverage">Total</a>
-              <a href="/{{$.Namespace}}/graph/coverage_heatmap">Heatmap</a>
+            <div class="dropdown-content">
+              <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/coverage" $.Namespace)}}_selected{{end}}"
+                  href="/{{$.Namespace}}/graph/coverage">Total</a>
+              <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/coverage_heatmap" $.Namespace)}}_selected{{end}}"
+                  href="/{{$.Namespace}}/graph/coverage_heatmap">Heatmap</a>
             </div>
           </div>
         {{end}}

diff --git a/pkg/html/pages/style.css b/pkg/html/pages/style.css
@@ -450,6 +450,7 @@ aside {
 /* Dropdown Content (Hidden by Default) */
 .dropdown-content {
 	display: none;
+	flex-direction: column;
 	position: absolute;
 	background-color: #f1f1f1;
 	z-index: 1;
@@ -466,7 +467,7 @@ aside {
 .dropdown-content a:hover {background-color: #ddd;}
 
 /* Show the dropdown menu on hover */
-.dropdown:hover .dropdown-content {display: block;}
+.dropdown:hover .dropdown-content {display: flex;}
 
 /* Change the background color of the dropdown button when the dropdown content is shown */
 .dropdown:hover .dropbtn {background-color: #ddd;}