version 1.2.1

probablykasper · Nov 2, 2017 · ce2b6a6 · ce2b6a6
1 parent d067b3b
commit ce2b6a6
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 17 deletions.
diff --git a/chrome-extension/extension/manifest.json b/chrome-extension/extension/manifest.json
@@ -1,7 +1,7 @@
 {
     "manifest_version": 2,
     "name": "Taskler",
-    "version": "1.2.0",
+    "version": "1.2.1",
     "description": "A simple todo New Tab page",
     "icons": {
         "128": "icon128.png",

diff --git a/chrome-extension/variables.css b/chrome-extension/variables.css
diff --git a/docs/todo.css b/docs/todo.css
diff --git a/docs/todo.js b/docs/todo.js
@@ -57,13 +57,12 @@ function globalCode() {
         textarea.style.height = newHeight - padding+"px";
         textarea.parentElement.style.height = newHeight+"px";
     }
-    function resizeTextareas() {
+    window.resizeTextareas = function() {
         var textareas = document.querySelectorAll("textarea");
         for (var i = 0; i < textareas.length-1; i++) {
             resizeTextarea(i);
         }
     }
-    resizeTextareas();
     window.addEventListener("resize", resizeTextareas);
 
     var itemsToSave = [];
@@ -126,7 +125,7 @@ function globalCode() {
             mousePosY = e.clientY;
             var difference = mousePosY - mousePosStartY;
 
-            var itemDivs = document.querySelectorAll(".todos .item");
+            var itemDivs = document.querySelectorAll(".todos .item:not(.removed)");
             for (var i = 0; i < itemDivs.length; i++) {
                 itemDivs[i].style.transform = "translateY(0px)";
             }
@@ -170,7 +169,7 @@ function globalCode() {
 
             var todos = document.querySelector(".todos");
             todos.classList.add("no-transition");
-            var itemDivs = document.querySelectorAll(".todos .item");
+            var itemDivs = document.querySelectorAll(".todos .item:not(.removed)");
             var newPos;
             for (var i = 0; i < items.length; i++) {
                 itemDivs[i].style.transform = "translateY(0px)";
@@ -190,7 +189,7 @@ function globalCode() {
         }
     });
     function updateColIds() {
-        var textareas = document.querySelectorAll(".todos .item:not(.new-item) textarea");
+        var textareas = document.querySelectorAll(".todos .item:not(.new-item):not(.removed) textarea");
         for (var i = 0; i < items.length; i++) {
             textareas[i].setAttribute("data-id", i);
         }
@@ -342,19 +341,22 @@ function reloadTasks(callback) {
             findGist(personalAccessToken, gistId, function(content, updatedAt) {
                 gistFound(content, updatedAt);
                 if (callback) callback();
+                resizeTextareas();
             });
         } else {
             findGistId(personalAccessToken, function(id) {
                 if (id) {
                     findGist(personalAccessToken, id, function(content, updatedAt) {
                         gistFound(content, updatedAt);
                         if (callback) callback();
+                        resizeTextareas();
                     });
                 } else {
                     createGist(personalAccessToken, function(id, updatedAt) {
                         updateGistId(id);
                         updateGistDate(id, updatedAt);
                         if (callback) callback();
+                        resizeTextareas();
                     });
                 }
             });
@@ -365,6 +367,7 @@ function reloadTasks(callback) {
     } else {
         addLocalItems();
         if (callback) callback();
+        resizeTextareas();
     }
 }
 

diff --git a/docs/todo.sass b/docs/todo.sass
@@ -169,22 +169,23 @@ body
         height: 100%
     .container
         position: fixed
+        display: flex
+        justify-content: center
         width: 100%
         height: 100%
-        overflow-y: scroll
         .todos.no-transition .item
             transition: none
         .todos
-            display: flex
             z-index: 1
-            align-items: center
-            justify-content: center
-            width: 100%
-            height: 100%
-            flex-direction: column
-            min-height: min-content
+            width: 550px
+            margin: 0px 60px
+            height: fit-content
+            padding: 10px 0px
+            max-height: calc(100% - 10px*2)
+            overflow-y: auto
+            margin-top: auto
+            margin-bottom: auto
             .item
-                margin: 0px 30px
                 display: flex
                 max-width: 100%
                 align-items: center
@@ -226,7 +227,7 @@ body
                     outline: none
                     border: none
                     font-size: 16px
-                    width: 450px
+                    width: 100%
                     padding: 13px 8px
                     color: #FFFFFF
                     resize: none

diff --git a/docs/variables.css b/docs/variables.css