a tool for shared writing and social publishing
0
fork

Configure Feed

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

added overflow scrolling for cards, removed scrollbars withing y scolling cards and in the carousel

celine 943296b7 38f486bc

+56 -1
+5
app/globals.css
··· 80 80 } 81 81 /* END GLOBAL STYLING */ 82 82 } 83 + 84 + /* Hide scrollbar for Chrome, Safari and Opera */ 85 + .no-scrollbar::-webkit-scrollbar { 86 + display: none; 87 + }
+50
app/test/card.tsx
··· 23 23 bg-bg-card rounded-lg border 24 24 grow flex flex-col gap-2 25 25 snap-center 26 + overflow-y-scroll no-scrollbar 26 27 ${props.focused ? "shadow-md border-grey-80" : "border-grey-90"}`} 27 28 > 28 29 {props.children} ··· 51 52 index={props.index} 52 53 cardWidth={props.cardWidth} 53 54 /> 55 + </div> 56 + 57 + <div> 58 + {" "} 59 + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac quam 60 + in tortor sollicitudin lobortis. Quisque vitae massa sit amet quam 61 + tristique maximus. Aliquam cursus bibendum nunc eu tempor. Ut metus 62 + orci, ornare quis rutrum in, pulvinar in nulla. Morbi sapien lectus, 63 + consectetur quis ultricies at, porttitor sit amet mi. Donec ex lectus, 64 + condimentum in ligula ut, luctus sodales magna. Vivamus porta pulvinar 65 + sapien vel sagittis. Aliquam vel sem scelerisque, bibendum lectus et, 66 + dignissim dolor. Fusce ullamcorper ante in purus pellentesque, quis 67 + iaculis ex egestas. Vestibulum vel leo in orci commodo ultricies quis 68 + a elit. Etiam vehicula magna in turpis iaculis efficitur. Aliquam 69 + massa tortor, dapibus et tellus a, volutpat tempus leo. Cras ac nisl 70 + semper, porttitor ante eget, feugiat quam. Nulla nibh nulla, 71 + vestibulum in dolor eu, dapibus sodales nisl. Proin lacus orci, congue 72 + id accumsan ut, lobortis in libero. Integer eget massa dictum, ornare 73 + lacus et, aliquam enim. Ut ornare urna vel pharetra dictum. Nullam 74 + fermentum, purus ac faucibus fringilla, elit enim posuere massa, 75 + volutpat porta lacus arcu vel eros. Integer sagittis dolor nec velit 76 + vulputate pulvinar. Quisque vel orci orci. Donec augue ipsum, lobortis 77 + in sapien aliquam, interdum cursus ipsum. Donec consectetur tristique 78 + elit. Sed volutpat congue luctus. Mauris vitae arcu eu ex congue 79 + molestie. Aliquam erat volutpat. Fusce sed ipsum eros. Donec semper 80 + neque ut dolor aliquam hendrerit. Praesent et tincidunt nisi. Integer 81 + sollicitudin urna eros, non aliquam neque semper in. Nulla eu nunc at 82 + urna auctor bibendum ut eu mauris. Nullam ultricies lorem ut nibh 83 + tristique, vitae euismod tellus placerat. Aliquam euismod, augue ac 84 + sollicitudin molestie, neque tellus bibendum arcu, quis sollicitudin 85 + ipsum risus eget dolor. Phasellus consectetur pellentesque urna in 86 + maximus. Curabitur dignissim tortor quis lorem elementum scelerisque. 87 + Vestibulum ac rutrum nisl. Sed neque turpis, commodo a augue a, 88 + hendrerit pretium dui. Cras ut augue vehicula, scelerisque sem ac, 89 + dictum justo. Phasellus egestas lorem sed est elementum finibus. Proin 90 + ultrices rutrum neque, at varius arcu pellentesque in. Quisque 91 + suscipit elit eu ante viverra bibendum et quis mauris. Sed 92 + pellentesque aliquet dolor at tempus. Donec eu nulla in ligula cursus 93 + ultrices. Sed quis tristique purus. Duis semper, urna in facilisis 94 + dapibus, leo ligula gravida tortor, vitae dignissim lorem orci vitae 95 + ante. Integer auctor ipsum vitae risus scelerisque facilisis. Vivamus 96 + molestie in purus eu hendrerit. Ut laoreet tortor ut vestibulum 97 + gravida. Curabitur in orci a quam lacinia iaculis id ut ipsum. Ut nec 98 + lorem sed mauris condimentum semper eget vitae lorem. Aenean pretium 99 + ipsum sit amet massa auctor feugiat. Maecenas malesuada imperdiet leo, 100 + non tempus nibh suscipit eget. Fusce eu diam ligula. Quisque at ornare 101 + massa. Suspendisse potenti. Fusce convallis, dolor rutrum elementum 102 + commodo, lacus dui vestibulum lectus, non maximus quam metus finibus 103 + libero. 54 104 </div> 55 105 </div> 56 106 </>
+1 -1
app/test/page.tsx
··· 16 16 <PageHeader /> 17 17 18 18 <div 19 - className="pageContentWrapper w-full relative overflow-x-scroll snap-x snap-mandatory grow items-stretch flex " 19 + className="pageContentWrapper w-full relative overflow-x-scroll snap-x snap-mandatory no-scrollbar grow items-stretch flex " 20 20 id="card-carousel" 21 21 > 22 22 <div className="pageContent flex py-4">