fix the bug that cannot click the checkbox on the task list page

mayswind · Mar 30, 2024 · e92cce8 · e92cce8
1 parent c0d74ac
commit e92cce8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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>