this repo has no description

Proper post word wrapping (#3)

Co-authored-by: ari <ariadna@omg.lol>
Reviewed-on: https://git.witchcraft.systems/scientific-witchery/pds-dash/pulls/3

Changed files
+10 -4
src
+6 -4
src/App.svelte
··· 16 }); 17 }); 18 // Infinite loading function 19 - const onInfinite = ({ detail: { loaded, complete } } : { detail : { loaded : () => void, complete : () => void}}) => { 20 getNextPosts().then((newPosts) => { 21 console.log("Loading next posts..."); 22 if (newPosts.length > 0) { ··· 53 {#each posts as postObject} 54 <PostComponent post={postObject as Post} /> 55 {/each} 56 - <InfiniteLoading on:infinite={onInfinite} 57 - distance={3000} 58 - /> 59 <div id="spacer"></div> 60 </div> 61 </div>
··· 16 }); 17 }); 18 // Infinite loading function 19 + const onInfinite = ({ 20 + detail: { loaded, complete }, 21 + }: { 22 + detail: { loaded: () => void; complete: () => void }; 23 + }) => { 24 getNextPosts().then((newPosts) => { 25 console.log("Loading next posts..."); 26 if (newPosts.length > 0) { ··· 57 {#each posts as postObject} 58 <PostComponent post={postObject as Post} /> 59 {/each} 60 + <InfiniteLoading on:infinite={onInfinite} distance={3000} /> 61 <div id="spacer"></div> 62 </div> 63 </div>
+4
src/lib/PostComponent.svelte
··· 213 #postText { 214 margin: 0; 215 padding: 0; 216 } 217 #headerText { 218 margin-left: 10px;
··· 213 #postText { 214 margin: 0; 215 padding: 0; 216 + overflow-wrap: break-word; 217 + word-wrap: normal; 218 + word-break: break-word; 219 + hyphens: none; 220 } 221 #headerText { 222 margin-left: 10px;