Skip to content
New issue

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

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

Already on GitHub? # to your account

Show spinner while loading ZIM content in viewer iframe (#731) #1183

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

Optimus-NP
Copy link

Fixes #731

  • Implemented a spinner to improve user experience while ZIM content is loading in the viewer iframe.
  • Added .loader and .spinner styles in kiwix.css.
  • The iframe content is initially hidden (visibility: hidden) and will be displayed once loading completes.
  • Used CSS animations (@Keyframes spin) for a smooth rotating effect.

Demo

kiwix_issue_731.mp4

Command

/usr/local/bin/kiwix-serve --port=8080 --library /tmp/zimlibrary/linux_library.xml --monitorLibrary

- Implemented a spinner to improve user experience while ZIM content is loading in the viewer iframe.
- Added .loader and .spinner styles in kiwix.css.
- The iframe content is initially hidden (visibility: hidden) and will be displayed once loading completes.
- Used CSS animations (@Keyframes spin) for a smooth rotating effect.
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add spinner when waiting for ZIM to load viewer iframe content on kiwix-server
1 participant