From e92cce86b5bbb377fa3f0fb82182e6a1e17b694a Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 30 Mar 2024 13:13:58 +0800
Subject: [PATCH] fix the bug that cannot click the checkbox on the task list
 page

---
 src/styles/core/extend.css | 4 ++++
 src/views/list.html        | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/styles/core/extend.css b/src/styles/core/extend.css
index 484ae1f3..4abc78a1 100644
--- a/src/styles/core/extend.css
+++ b/src/styles/core/extend.css
@@ -133,6 +133,10 @@
     cursor: pointer;
 }
 
+.checkbox input.disable-clickable {
+    pointer-events: none !important;
+}
+
 .checkbox.checkbox-hide {
     padding-left: 0;
 }
diff --git a/src/views/list.html b/src/views/list.html
index d3b92341..01624efa 100644
--- a/src/views/list.html
+++ b/src/views/list.html
@@ -43,7 +43,7 @@
                  ng-click="taskContext.selected[task.gid] = !taskContext.selected[task.gid]">
                 <div class="col-md-8 col-sm-7 col-xs-12">
                     <div class="checkbox checkbox-primary" ng-class="{'checkbox-hide': !taskContext.selected[task.gid]}">
-                        <input id="{{'task_' + task.gid}}" type="checkbox" ng-model="taskContext.selected[task.gid]"/>
+                        <input id="{{'task_' + task.gid}}" type="checkbox" class="disable-clickable" ng-model="taskContext.selected[task.gid]"/>
                         <label for="{{'task_' + task.gid}}">
                             <span class="task-name auto-ellipsis" ng-bind="task.taskName" title="{{task.taskName}}"></span>
                         </label>