Additional CSS fixes for the todo

Author: csharpfritz

Fritz.StreamTools/Pages/ToDo.cshtml

@@ -53,6 +53,7 @@
 			this._hub.on("project_update", (text) => {
 				if (debug) console.debug(`Project update: ${text}`, null);
 				document.querySelector("h4").innerText = text;
+				ConfigureScroll();
 			});
 
 			this._hub.on('todo_new', (id, text) => {
@@ -102,8 +103,13 @@
 
 			this.ConfigureScroll = function () {
 				console.log(`todos: ${todos.scrollHeight} ,project ${projectTitle.offsetHeight}`);
-				if (todosClone != null) container.removeChild(todosClone);
-				if (myStylesheet) myStylesheet.sheet.deleteRule(0); // stop scrolling
+				if (todosClone != null) {
+					container.removeChild(todosClone);
+					todosClone = null;
+				}
+				if (myStylesheet) try {
+					myStylesheet.sheet.deleteRule(0); // stop scrolling
+				} catch (e) {}
 
 				if (todos.scrollHeight + projectTitle.scrollHeight > 265) {
 
@@ -143,8 +149,6 @@
 
 			};
 
-			ConfigureScroll();
-
 			this._hub.start();
 
 		})();

Fritz.StreamTools/wwwroot/css/site.css

@@ -161,7 +161,7 @@ input[type=color] {
 		list-style-type: none;
 		position: relative;
 		margin: 0;
-		height: 100%;
+	/*	height: 100%;*/
 		padding: 2px;
 	}
 
@@ -173,7 +173,7 @@ input[type=color] {
 	overflow: hidden;
 	position: relative;
 	width: 270px;
-	min-height: 230px;
+	min-height: 200px;
 }
 
 	#checklistContainer ul {