Skip to content
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.

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

Add loading placeholder card (issue #191) #742

Open
wants to merge 5 commits into
base: dev
Choose a base branch
from
Open

Conversation

Jay-Lalwani
Copy link
Contributor

@Jay-Lalwani Jay-Lalwani commented Nov 3, 2023

GitHub Issues addressed

What I did

-Created an HTML version of the Design team's Figma mockup (shown below) and included it in department.html to show it while a course's data is loading.
image

Screenshots

  • Before
    courseLoadingBefore

  • After
    courseLoadingAfter
    courseLoadingAfterMobile

Testing

  • I tested this by running it locally and visiting the "localhost:8000/department/6/" page and quickly refreshing to see if my placeholder loading cards would appear properly before the actual course data is displayed.

Questions/Discussions/Notes

-Is it okay for me to create loading_card.html in the /tcf_website/templates/common/ folder?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add a loading placeholder card
2 participants