a tool for shared writing and social publishing
couple more tweaks with break-word in style, not tailwind classes
+5
-3
+3
-2
components/Blocks/ExternalLinkBlock.tsx
+3
-2
components/Blocks/ExternalLinkBlock.tsx
···
10
10
let url = useEntity(props.entityID, "link/url");
11
11
12
12
let selected = useUIState((s) =>
13
-
s.selectedBlock.find((b) => b.value === props.entityID),
13
+
s.selectedBlock.find((b) => b.value === props.entityID)
14
14
);
15
15
let permission = useEntitySetContext().permissions.write;
16
16
let { rep } = useReplicache();
···
40
40
{description?.data.value}
41
41
</div>
42
42
<div
43
-
className={`min-w-0 w-full break-all line-clamp-1 text-xs italic group-hover/linkBlock:text-accent-contrast ${selected ? "text-accent-contrast" : "text-tertiary"}`}
43
+
style={{ wordBreak: "break-word" }} // better than tailwind break-all!
44
+
className={`min-w-0 w-full line-clamp-1 text-xs italic group-hover/linkBlock:text-accent-contrast ${selected ? "text-accent-contrast" : "text-tertiary"}`}
44
45
>
45
46
{url?.data.value}
46
47
</div>
+2
-1
components/Blocks/TextBlock/index.tsx
+2
-1
components/Blocks/TextBlock/index.tsx
···
140
140
// empty block rendering is handled further up. update both!
141
141
return (
142
142
<pre
143
+
style={{ wordBreak: "break-word" }} // better than tailwind break-all!
143
144
className={`
144
-
w-full whitespace-pre-wrap outline-none break-words ${props.className} `}
145
+
w-full whitespace-pre-wrap outline-none ${props.className} `}
145
146
>
146
147
{nodes.length === 0 && <br />}
147
148
{nodes.map((node, index) => (