a tool for shared writing and social publishing
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

couple more tweaks with break-word in style, not tailwind classes

+5 -3
+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
··· 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) => (