atmosphere explorer pds.ls
tool typescript atproto
437
fork

Configure Feed

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

fix z index transition

juliet.paris 5aa6bdc1 f0446d13

verified
+3 -7
+3 -7
src/views/pds.tsx
··· 36 36 return ( 37 37 <div 38 38 classList={{ 39 - "group rounded-md border-[0.5px]": true, 39 + "group relative rounded-md border-[0.5px]": true, 40 + "z-20": expanded(), 41 + "z-10": collapsing(), 40 42 "transition-[background-color,border-color,box-shadow] duration-250": animating(), 41 43 "dark:hover:bg-dark-200 border-transparent hover:bg-neutral-200/50": !expanded(), 42 44 "dark:bg-dark-300 border-neutral-200 bg-neutral-50 shadow-sm dark:border-neutral-700 dark:shadow-dark-700": ··· 228 230 <div 229 231 data-index={virtualItem.index} 230 232 ref={virtualizer.measureElement} 231 - classList={{ 232 - "z-10": isExpanded(), 233 - "z-0": !isExpanded(), 234 - }} 235 233 style={{ 236 234 position: "absolute", 237 235 top: `${virtualItem.start - virtualizer.options.scrollMargin}px`, 238 236 left: 0, 239 237 width: "100%", 240 238 overflow: "visible", 241 - "transition-property": "z-index", 242 - "transition-delay": isExpanded() ? "0ms" : "250ms", 243 239 }} 244 240 > 245 241 <RepoCard