Troubleshoot Page: Take fix header into account

This patch isn't perfect, but makes it more likely that it will scroll to the correct location.
FalconChristmas · Jun 26, 2021 · 37f3cad · 37f3cad
1 parent 8bfba3c
commit 37f3cad
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/www/css/fpp.css b/www/css/fpp.css
@@ -2409,4 +2409,18 @@ body, #footer{
 		column-count: 4;
 	}
 
-}
+}
+
+a.troubleshoot-anchor {
+	display: block;
+    position: relative;
+    top: -20px;
+    visibility: hidden;
+}
+
+@media(min-width:991px){
+	a.troubleshoot-anchor  {
+		top: -50px;
+	}
+
+}
diff --git a/www/troubleshooting.php b/www/troubleshooting.php
@@ -37,7 +37,7 @@
     $hotLinks .= "<li><a href=\"#$header\">$title</a></li>";
     $jsArray[$key] = $title;
   ?>
-          <a name="<? echo $header ?>"><h3><? echo $title . ':&nbsp;&nbsp;&nbsp;&nbsp;' . $command; ?></h3></a>
+          <a class="troubleshoot-anchor" name="<? echo $header ?>">.</a><h3><? echo $title . ':&nbsp;&nbsp;&nbsp;&nbsp;' . $command; ?></h3>
           <pre id="<? echo $key ?>"><i>Loading...</i></pre>
           <hr>
   <?