🐛 ::after and display: block for checkboxes with some themes

.github/dependabot.yml

@@ -5,7 +5,7 @@
 
 version: 2
 updates:
-  - package-ecosystem: "" # See documentation for possible values
+  - package-ecosystem: "npm" # See documentation for possible values
     directory: "/" # Location of package manifests
     schedule:
       interval: "weekly"

.github/workflows/build.yml

@@ -21,9 +21,10 @@ jobs:
     - uses: actions/checkout@v2
 
     - name: Use Node.js
-      uses: actions/setup-node@v2
+      uses: actions/setup-node@v3
       with:
         node-version: '16.7'
+        cache: 'npm'
 
     - name: Build and Test
       id: build

.github/workflows/release.yml

@@ -28,9 +28,10 @@ jobs:
         fetch-depth: 0 # otherwise, you will failed to push refs to dest repo
 
     - name: Use Node.js
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v3
       with:
         node-version: '16.7'
+        cache: 'npm'
 
     # Build the plugin
     - name: Build and Tag

.gitignore

@@ -7,6 +7,7 @@
 
 # npm
 node_modules
+target
 
 # build
 dist

src/templates/CHECKBOXES.eta

@@ -105,9 +105,10 @@ li[data-task="<%~ ts.data %>"] > p > input[type=checkbox]:checked {
   border: 0px;
   <% } %>
 }
-input[type=checkbox][data-task="<%~ ts.data %>"]:checked:after,
-li[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked:after,
-li[data-task="<%~ ts.data %>"] > p > input[type=checkbox]:checked:after {
+input[type=checkbox][data-task="<%~ ts.data %>"]:checked::after,
+li[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked::after,
+li[data-task="<%~ ts.data %>"] > p > input[type=checkbox]:checked::after {
+    display: block;
     transform: none;
     -webkit-mask-image: none;
     background: unset;