diff options
| author | Ferdinand Thiessen <rpm@fthiessen.de> | 2022-07-16 14:37:33 +0300 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2022-07-18 16:49:43 +0300 |
| commit | 8b2fba4bad70f39fd82f79889eac93009d5d8215 (patch) | |
| tree | de80f48ecd5e3cd6884d304a7577b115c3b8f36c /css | |
| parent | 48cb0d492e7bfed851cf7e3b8b1d8fa7cd378d30 (diff) | |
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>
Diffstat (limited to 'css')
| -rw-r--r-- | css/prosemirror.scss | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/css/prosemirror.scss b/css/prosemirror.scss index bb2d778e5..fef7482a7 100644 --- 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; |