Added Jump To links

Perlkonig · Apr 16, 2023 · 9cefff9 · 9cefff9
1 parent e17b582
commit 9cefff9
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 * Added the Vapour Shroud system and added all Phalon ships from *Fleet Book 2* to the presets.
+* Added "Jump to" links to the sticky status div.
 
 ## [v3.3.0] - 2023-04-16
 

diff --git a/src/components/Builder.svelte b/src/components/Builder.svelte
@@ -209,7 +209,7 @@
     }
 </script>
 
-<div class="columns">
+<div class="columns" id="anchorBuilder">
     <div class="column">
         <section class="section">
             <h2 class="subtitle" title="All things hull">Structure</h2>

diff --git a/src/components/SSD.svelte b/src/components/SSD.svelte
@@ -13,7 +13,7 @@
     };
 </script>
 
-<div class="tabs is-medium is-boxed is-centered paddingBottom">
+<div class="tabs is-medium is-boxed is-centered paddingBottom" id="anchorSSD">
     <ul>
         <li
             class="{paradigm === "linear" ? "is-active" : ""}"

diff --git a/src/components/Status.svelte b/src/components/Status.svelte
@@ -74,6 +74,12 @@
                 <div class="level-item">
                     <button class="button is-small is-light is-danger is-rounded" on:click={() => modalClearShip = "is-active"}>Clear Ship</button>
                 </div>
+                <div class="level-item">
+                    <a href="#anchorSSD" style="font-size: smaller">Jump to SSD</a>
+                </div>
+                <div class="level-item">
+                    <a href="#anchorBuilder" style="font-size: smaller">Jump to Top</a>
+                </div>
             </div>
         </div>
         <div class="content">