Task lists: Show label of done tasks as crossed out text

As recommended in #886 this changes the styling of checked task list items to `line-through` and changes the color to `--color-text-maxcontrast`. Signed-off-by: Ferdinand Thiessen <rpm@fthiessen.de> Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
nextcloud · Jul 18, 2022 · 8b2fba4 · 8b2fba4
1 parent 48cb0d4
commit 8b2fba4
Show file tree

Hide file tree

Showing 11 changed files with 25 additions and 19 deletions.
diff --git a/css/prosemirror.scss b/css/prosemirror.scss
@@ -51,10 +51,16 @@ div.ProseMirror {
 			background-position: center;
 			cursor: pointer;
 		}
-		&.checked:before {
-			background-image: url('../../img/checkbox-mark.svg');
-			background-color: var(--color-primary-element);
-			border-color: var(--color-primary-element);
+		&.checked{
+			&:before {
+				background-image: url('../../img/checkbox-mark.svg');
+				background-color: var(--color-primary-element);
+				border-color: var(--color-primary-element);
+			}
+			label {
+				color: var(--color-text-maxcontrast);
+				text-decoration: line-through;
+			}
 		}
 		label {
 			display: block;

diff --git a/js/editor.js b/js/editor.js
diff --git a/js/editor.js.map b/js/editor.js.map
diff --git a/js/text-files.js b/js/text-files.js
diff --git a/js/text-files.js.map b/js/text-files.js.map
diff --git a/js/text-public.js b/js/text-public.js
diff --git a/js/text-public.js.map b/js/text-public.js.map
diff --git a/js/text-text.js b/js/text-text.js
diff --git a/js/text-text.js.map b/js/text-text.js.map
diff --git a/js/text-viewer.js b/js/text-viewer.js
diff --git a/js/text-viewer.js.map b/js/text-viewer.js.map