Allow the mass labels and annotation labels to be controlled separately

#6
snijderlab · Mar 1, 2024 · 478283d · 478283d
1 parent bb0e09e
commit 478283d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 11 deletions.
diff --git a/src-tauri/src/render.rs b/src-tauri/src/render.rs
@@ -672,17 +672,24 @@ fn create_ion_legend(output: &mut String, id: &str) {
     <span class='other'>Other</span>
     <input id='{id}_unassigned' type='checkbox' checked class='unassigned'/>
     <label for='{id}_unassigned' class='unassigned' tabindex='0'>Unassigned</label>
-    <label class='label'>
-    Ion
-    <sup>Charge</sup>
-    <sub style='margin-left:-6ch;margin-right:.5rem;'>Position</sub>
-    Show for top:
-    <input id='{id}_label' type='range' min='0' max='100' value='100'/>
-    <input id='{id}_label_value' type='number' min='0' max='100' value='100'/>
-    %
+
+    <label class='has-slider label'>
+        Ion
+        <sup>Charge</sup>
+        <sub style='margin-left:-6ch;margin-right:.5rem;'>Position</sub>
+
+        Show labels for top:
+        <input id='{id}_label' type='range' min='0' max='100' value='100'/>
+        <input id='{id}_label_value' type='number' min='0' max='100' value='100'/>
+        %
+    </label>
+    
+    <label class='has-slider masses'>
+        Show masses for top:
+        <input id='{id}_masses' type='range' min='0' max='100' value='0'/>
+        <input id='{id}_masses_value' type='number' min='0' max='100' value='0'/>
+        %
     </label>
-    <input id='{id}_mass_label' type='checkbox' class='mass-label'/>
-    <label for='{id}_mass_label' class='mass-label' tabindex='0'>Show top masses</label>
 </div>"
     )
     .unwrap();

diff --git a/src/stitch-assets b/src/stitch-assets