mirror of
https://github.com/hcengineering/platform.git
synced 2025-06-06 07:46:32 +00:00
fix tasklist presenation (#2147)
Signed-off-by: budaeva <irina.budaeva@xored.com>
This commit is contained in:
parent
b632318de8
commit
b12ee1d8b7
@ -59,7 +59,7 @@
|
|||||||
{:else if node.nodeName === 'OL'}
|
{:else if node.nodeName === 'OL'}
|
||||||
<ol><svelte:self nodes={node.childNodes} /></ol>
|
<ol><svelte:self nodes={node.childNodes} /></ol>
|
||||||
{:else if node.nodeName === 'LI'}
|
{: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'}
|
{:else if node.nodeName === 'DIV'}
|
||||||
<div><svelte:self nodes={node.childNodes} /></div>
|
<div><svelte:self nodes={node.childNodes} /></div>
|
||||||
{:else if node.nodeName === 'A'}
|
{:else if node.nodeName === 'A'}
|
||||||
@ -70,7 +70,9 @@
|
|||||||
<svelte:self nodes={node.childNodes} />
|
<svelte:self nodes={node.childNodes} />
|
||||||
{:else if node.nodeName === 'INPUT'}
|
{:else if node.nodeName === 'INPUT'}
|
||||||
{#if node.type?.toLowerCase() === 'checkbox'}
|
{#if node.type?.toLowerCase() === 'checkbox'}
|
||||||
|
<div class="checkboxContainer">
|
||||||
<CheckBox readonly checked={node.checked} />
|
<CheckBox readonly checked={node.checked} />
|
||||||
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{:else if node.nodeName === 'SPAN'}
|
{:else if node.nodeName === 'SPAN'}
|
||||||
<Component
|
<Component
|
||||||
@ -98,4 +100,8 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.checkboxContainer {
|
||||||
|
padding-top: 0.125rem;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -713,6 +713,21 @@ a.no-line {
|
|||||||
|
|
||||||
.checkbox_style {
|
.checkbox_style {
|
||||||
input {
|
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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -49,7 +49,11 @@ function extractBacklinks (
|
|||||||
break
|
break
|
||||||
}
|
}
|
||||||
nds.forEach((kid) => {
|
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 el = kid as HTMLElement
|
||||||
const ato = el.getAttribute('data-id') as Ref<Doc>
|
const ato = el.getAttribute('data-id') as Ref<Doc>
|
||||||
const atoClass = el.getAttribute('data-objectclass') as Ref<Class<Doc>>
|
const atoClass = el.getAttribute('data-objectclass') as Ref<Class<Doc>>
|
||||||
|
Loading…
Reference in New Issue
Block a user