Skip to content

new conf design — gallery strip #1999

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 17 commits into from
May 21, 2025
Merged

new conf design — gallery strip #1999

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
7ba579d
Figure out drag constraints for Marquees
hasparus May 19, 2025
1d8d1bd
Add missing key
hasparus May 19, 2025
0dafc60
Add GalleryStrip
hasparus May 19, 2025
96ba06b
Add images
hasparus May 20, 2025
93cd26b
Implement custom zooming
hasparus May 20, 2025
de7f476
Give up on zooming for now
hasparus May 20, 2025
7ea24c5
Add some padding
hasparus May 20, 2025
bc003e7
Vary widths
hasparus May 20, 2025
1e666eb
Clean up unused zoom-in and zoom-out svgs
hasparus May 20, 2025
52dd94d
Wrap window to make the build work
hasparus May 20, 2025
960393a
Fix varying widths
hasparus May 21, 2025
c345ec2
Remove redundant role prop
hasparus May 21, 2025
cc03138
Don't slow down images marquee on hover
hasparus May 21, 2025
8cbedb2
Change cursor on pointer down and up
hasparus May 21, 2025
e261fef
Improve the footer on phones
hasparus May 21, 2025
b945da9
Add touch-pan-y
hasparus May 21, 2025
cc6703f
Run Prettier
hasparus May 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add touch-pan-y
  • Loading branch information
@hasparus
hasparus committed May 21, 2025
commit b945da971e93b8bfd57193ebf93fbd7196bfc99c
2 changes: 1 addition & 1 deletion src/app/conf/2025/components/gallery-strip/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ export function GalleryStrip({ className, ...rest }: GalleryStripProps) {
speed={35}
drag
reverse
className="cursor-[var(--cursor-grabbing,grab)] !overflow-visible"
className="cursor-[var(--cursor-grabbing,grab)] touch-pan-y"
>
{imagesByYear[selectedYear].map((image, i) => {
const key = `${selectedYear}-${i}`
Expand Down
4 changes: 4 additions & 0 deletions src/app/conf/_design-system/marquee.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,6 +116,10 @@ export function Marquee({
document.documentElement.style.cursor = "initial"
document.documentElement.style.removeProperty("--cursor-grabbing")
},
onDragEnd: () => {
setIsTransitioning(true)
setCurrentSpeed(speed)
},
dragConstraints:
direction === "horizontal"
? {
Expand Down