From 68a3c4d1ea6aa9a83fc54bd2d1f118d4d06079fe Mon Sep 17 00:00:00 2001
From: Skyler Lehmkuhl <skycooler@gmail.com>
Date: Thu, 19 Dec 2024 19:54:32 -0500
Subject: [PATCH] sort layers top to bottom

---
 src/main.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/main.js b/src/main.js
index 91cb6b5..92da8aa 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3640,8 +3640,14 @@ function timeline() {
       mouse.x += timeline_cvs.offsetX - layerWidth
       timeline_cvs.clicked_frame = Math.floor(mouse.x / frameWidth)
       context.activeObject.setFrameNum(timeline_cvs.clicked_frame)
-      updateLayers()
+    } else {
+      mouse.y -= gutterHeight
+      let l = Math.floor(mouse.y / layerHeight)
+      if (l < context.activeObject.layers.length) {
+        context.activeObject.currentLayer = context.activeObject.layers.length - (l+1)
+      }
     }
+    updateLayers()
     console.log(mouse)
   })
   timeline_cvs.addEventListener("mouseup", (e) => {
@@ -3974,7 +3980,8 @@ function updateLayers() {
         ctx.translate(0, -offsetY)
         // Draw layer headers
         let i=0;
-        for (let layer of context.activeObject.layers) {
+        for (let k = context.activeObject.layers.length - 1; k >= 0; k--) {
+          let layer = context.activeObject.layers[k];
           if (context.activeObject.activeLayer == layer) {
             ctx.fillStyle = darkMode ? "#444" : "#ccc"
           } else {