ewancroft.uk
a standard.site publication renderer for SvelteKit.
fix: replace self-closing div and tidy unordered list markup
+5
-18
src/lib/components/document/blocks/UnorderedListBlock.svelte
+5
-18
src/lib/components/document/blocks/UnorderedListBlock.svelte
···
24
{#each block.children as item}
25
<li class="flex flex-row gap-2 pb-0">
26
<div
27
-
class="listMarker shrink-0 mx-2 z-1 mt-[14px] h-[5px] w-[5px]"
28
class:has-content={item.content}
29
class:themed={hasTheme}
30
-
/>
31
-
<div class="flex flex-col w-full">
32
{#if item.content}
33
<div class="textBlock mt-1 mb-2">
34
-
<RichText
35
-
plaintext={item.content.plaintext}
36
-
facets={item.content.facets}
37
-
{hasTheme}
38
-
/>
39
</div>
40
{/if}
41
{#if item.children && item.children.length > 0}
···
56
@media (min-width: 640px) {
57
.unordered-list {
58
margin-left: 9px;
59
-
}
60
-
}
61
-
62
-
.unordered-list .unordered-list {
63
-
margin-left: -7px;
64
-
}
65
-
66
-
@media (min-width: 640px) {
67
-
.unordered-list .unordered-list {
68
-
margin-left: 7px;
69
}
70
}
71
···
24
{#each block.children as item}
25
<li class="flex flex-row gap-2 pb-0">
26
<div
27
+
class="listMarker z-1 mx-2 mt-3.5 h-1.25 w-1.25 shrink-0"
28
class:has-content={item.content}
29
class:themed={hasTheme}
30
+
></div>
31
+
32
+
<div class="flex w-full flex-col">
33
{#if item.content}
34
<div class="textBlock mt-1 mb-2">
35
+
<RichText plaintext={item.content.plaintext} facets={item.content.facets} {hasTheme} />
36
</div>
37
{/if}
38
{#if item.children && item.children.length > 0}
···
53
@media (min-width: 640px) {
54
.unordered-list {
55
margin-left: 9px;
56
}
57
}
58