fix tasklist presenation (#2147)

Signed-off-by: budaeva <irina.budaeva@xored.com>
This commit is contained in:
budaeva 2022-06-27 18:15:55 +07:00 committed by GitHub
parent b632318de8
commit b12ee1d8b7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 29 additions and 4 deletions

View File

@ -59,7 +59,7 @@
{:else if node.nodeName === 'OL'}
<ol><svelte:self nodes={node.childNodes} /></ol>
{:else if node.nodeName === 'LI'}
<li class={'flex-row-center flex-grow gap-1 checkbox_style'}><svelte:self nodes={node.childNodes} /></li>
<li class={'flex flex-grow gap-1 checkbox_style'}><svelte:self nodes={node.childNodes} /></li>
{:else if node.nodeName === 'DIV'}
<div><svelte:self nodes={node.childNodes} /></div>
{:else if node.nodeName === 'A'}
@ -70,7 +70,9 @@
<svelte:self nodes={node.childNodes} />
{:else if node.nodeName === 'INPUT'}
{#if node.type?.toLowerCase() === 'checkbox'}
<CheckBox readonly checked={node.checked} />
<div class="checkboxContainer">
<CheckBox readonly checked={node.checked} />
</div>
{/if}
{:else if node.nodeName === 'SPAN'}
<Component
@ -98,4 +100,8 @@
width: 100%;
}
}
.checkboxContainer {
padding-top: 0.125rem;
}
</style>

View File

@ -713,6 +713,21 @@ a.no-line {
.checkbox_style {
input {
// TODO: Add a proper style here
appearance: none;
flex-shrink: 0;
display: inline-flex;
justify-content: center;
align-items: center;
width: 0.875rem;
height: 0.875rem;
border: 1px solid var(--dark-color);
border-radius: 0.25rem;
}
input:checked {
background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><polygon fill="white" points="7.3,11.5 4,8.3 5,7.4 7.3,9.7 11.8,5.1 12.7,6.1 " /></svg>');
background-color: var(--primary-bg-color);
border-color: transparent;
}
}

View File

@ -49,7 +49,11 @@ function extractBacklinks (
break
}
nds.forEach((kid) => {
if (kid.nodeType === Node.ELEMENT_NODE && (kid as HTMLElement).localName === 'span') {
if (
kid.nodeType === Node.ELEMENT_NODE &&
(kid as HTMLElement).localName === 'span' &&
(kid as HTMLElement).getAttribute('data-type') === 'reference'
) {
const el = kid as HTMLElement
const ato = el.getAttribute('data-id') as Ref<Doc>
const atoClass = el.getAttribute('data-objectclass') as Ref<Class<Doc>>