tidied up trigger menu

Author: SteveMan67

frontend/editor.html

@@ -115,14 +115,14 @@ <h1 class="title"><a href="/">Platformed</a></h1>
               </select>
             </div>
             <div class="options">
-              <img src="/assets/icons/delete.svg" title="delete step">
+              <div class="svg delete on-accent"></div>
             </div>
           </div>
         </div>
       </div>
       <div class="buttons">
         <div id="new">
-          <img src="/assets/icons/plus.svg" title="add step">
+          <div class="svg new"></div>
         </div>
         <input type="submit" class="submit apply" value="apply">
       </div>
@@ -349,4 +349,4 @@ <h1>login</h1>
   </div>
 </body>
 
-</html>
+</html>

frontend/javascript/ui.js

@@ -194,7 +194,7 @@ function getOptionHTML(stepData) {
     html += getTriggerScriptForLine(stepData)
   }
 
-  html += `<img src="/assets/icons/delete.svg" alt="delete" class="delete-step">`
+  html += `<div class="svg delete on-accent"></div>`
   return html
 }
 

frontend/styles/style.css

@@ -377,6 +377,22 @@ body {
   mask-image: url("/assets/icons/settings.svg");
 }
 
+.svg.delete {
+  mask-image: url("/assets/icons/delete.svg");
+  height: 35px;
+  width: 35px;
+}
+
+.svg.delete.on-accent {
+  background-color: var(--bg-primary)
+}
+
+.svg.new {
+  mask-image: url("/assets/icons/plus.svg");
+  width: 25px;
+  height: 25px;
+}
+
 .sidebar-one {
   width: fit-content;
   display: flex;

todo.md

@@ -2,15 +2,12 @@
 
 - trigger detection
 - add trigger limit
-- trigger delays are stored as strings
-- delay triggers are kinda broken (I think)
 
 **Platformer**
 
 - parallax background
 - enemy texture
 - lava, water, ladders
-- moving blocks
 - debug mode where I can see variables at runtime
 
 **Level Share**
@@ -26,12 +23,7 @@
 - drag trigger steps around
 - drag minimap around
 - drag trigger steps
-- ctrl s to save
 
 **Documentation**
 
 - trigger storage
-
-**Trigger Script**
-
-- add swap red and blue function