diff --git a/packages/presentation/src/components/message/Nodes.svelte b/packages/presentation/src/components/message/Nodes.svelte
index 75b5655a28..48b9ec5642 100644
--- a/packages/presentation/src/components/message/Nodes.svelte
+++ b/packages/presentation/src/components/message/Nodes.svelte
@@ -59,7 +59,7 @@
{:else if node.nodeName === 'OL'}
{:else if node.nodeName === 'LI'}
-
+
{:else if node.nodeName === 'DIV'}
{:else if node.nodeName === 'A'}
@@ -70,7 +70,9 @@
{:else if node.nodeName === 'INPUT'}
{#if node.type?.toLowerCase() === 'checkbox'}
-
+
+
+
{/if}
{:else if node.nodeName === 'SPAN'}
diff --git a/packages/theme/styles/_layouts.scss b/packages/theme/styles/_layouts.scss
index 55e4c2615c..4074524fa8 100644
--- a/packages/theme/styles/_layouts.scss
+++ b/packages/theme/styles/_layouts.scss
@@ -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,');
+ background-color: var(--primary-bg-color);
+ border-color: transparent;
}
}
diff --git a/plugins/chunter-resources/src/backlinks.ts b/plugins/chunter-resources/src/backlinks.ts
index f3df2cf5d0..0bb6d52ee9 100644
--- a/plugins/chunter-resources/src/backlinks.ts
+++ b/plugins/chunter-resources/src/backlinks.ts
@@ -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
const atoClass = el.getAttribute('data-objectclass') as Ref>