Skip to content
This repository has been archived by the owner on Jan 31, 2025. It is now read-only.

feat(HUB-150): add a slight animation when opening app for a first time #14

Merged
merged 19 commits into from
Nov 6, 2023

Conversation

jog1t
Copy link
Contributor

@jog1t jog1t commented Oct 26, 2023

No description provided.

@jog1t jog1t self-assigned this Oct 26, 2023
jog1t added 5 commits October 26, 2023 23:07
…-137

# Conflicts:
#	src/elements/pages/rvt-user-dashboard.ts
…b-150

# Conflicts:
#	src/elements/root/ui-root.ts
#	src/elements/root/ui-router.scss
@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Oct 26, 2023

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: b13df33
Status: ✅  Deploy successful!
Preview URL: https://284c34b1.hub-3av.pages.dev
Branch Preview URL: https://feature-hub-150.hub-3av.pages.dev

View logs

@NathanFlurry
Copy link
Member

I like this, it's a nice touch.

How do you feel about a bit more of a juicy curve, something like: https://cubic-bezier.com/#.27,1.37,.87,1 (this is a rough curve, could be improved)

I think I'm going to make this my new GitHub signature, y'all are going to get sick and tired of it: https://www.youtube.com/watch?v=Fy0aCDmgnxg

@NathanFlurry
Copy link
Member

Screen.Recording.2023-10-31.at.10.43.55.PM.mov

Not sure if I'm catching you mid-changes, but seeing some weird issues here. Feel free to request another review whenever.

@jog1t
Copy link
Contributor Author

jog1t commented Nov 1, 2023

@NicholasKissel it's not finished yet, will notify when it's ready! :)

jog1t added 2 commits November 2, 2023 23:59
…-150

# Conflicts:
#	src/elements/root/ui-root.ts
#	src/routes.ts
@jog1t
Copy link
Contributor Author

jog1t commented Nov 3, 2023

Finally managed to bring back the animations, for now they're very subtle, but it's a nice start for something more advanced. @NathanFlurry let me what you think!

@NathanFlurry
Copy link
Member

Tbh, I'm not a big fan of the transition between pages. Since we aggressively cache things both on the client & server, most things load almost instantly (staging2 is super laggy for some reason though). And for the things that don't load instantly, I tend to prefer the placeholder loading with the shiny animation.

There's also still a weird "flash" when switching between pages (from us loading data from the cache) that's a bit jarring when combined with the animation. Lmk if you want a video of this.

@NicholasKissel @yusufsallam64 @MasterPtato open to your thoughts too

@MasterPtato
Copy link
Contributor

I prefer a placeholder too. Given that transitions are a static duration, it means a page that isn't fully loaded by the time the transition is complete will still need placeholders anyway.

@jog1t jog1t changed the base branch from feature/hub-137 to feature/hub-94 November 4, 2023 13:58
@jog1t
Copy link
Contributor Author

jog1t commented Nov 6, 2023

Removed all animations. So the only thing that has left in this PR is the rename of components.

@jog1t jog1t merged commit e33a213 into feature/hub-94 Nov 6, 2023
@jog1t jog1t deleted the feature/hub-150 branch November 6, 2023 19:33
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants