diff options
author | Jan C. Borchardt <hey@jancborchardt.net> | 2020-09-25 18:35:47 +0300 |
---|---|---|
committer | backportbot[bot] <backportbot[bot]@users.noreply.github.com> | 2020-09-29 17:06:57 +0300 |
commit | 13ace2da73044ee4e0e931826d662d15df2eeb10 (patch) | |
tree | ae7307128ca87b8c616e74795f111bc0cada9541 /css | |
parent | 1337d1a36a5f0f4e5270c30888c866e031f49357 (diff) |
Fix alignment and design of checkboxes
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'css')
-rw-r--r-- | css/prosemirror.scss | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/css/prosemirror.scss b/css/prosemirror.scss index 668e0c902..e1561b0a5 100644 --- a/css/prosemirror.scss +++ b/css/prosemirror.scss @@ -29,6 +29,8 @@ div.ProseMirror { .checkbox-item { display: flex; align-items: start; + // Left-align with list item text + margin-left: -24px; input[type=checkbox] { display: none; @@ -40,23 +42,24 @@ div.ProseMirror { width: 14px; vertical-align: middle; border-radius: 50%; - margin: 0 6px 3px 3px; - margin-left: 3px; - border: 1px solid #878787; + margin: 2px 6px 3px 3px; + border: 1px solid var(--color-text-maxcontrast); content: ""; position: relative; width: 44px; height: 44px; display: block; - border-radius: 1px; + border-radius: var(--border-radius); height: 14px; width: 14px; box-shadow: none !important; background-position: center; + cursor: pointer; } &.checked:before { - background-image: url('/core/css/../img/actions/checkbox-mark.svg'); + background-image: url('../../img/checkbox-mark.svg'); background-color: var(--color-primary-element); + border-color: var(--color-primary-element); } label { display: block; |