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

Fix audio video #351

Merged
merged 3 commits into from
Apr 26, 2023
Merged

Fix audio video #351

merged 3 commits into from
Apr 26, 2023

Conversation

dlaxcess
Copy link
Contributor

@dlaxcess dlaxcess commented Apr 25, 2023

Fix audio & video display

I set the context of "toPlayTokenID" in both Dapp.svelte & OpenSky.svelte components instead of Nfts.svelte to permit to stop the media when we open the zoom popup.

I purposely made two almost identical components for audio and video to make it easy to make one, but i didn't have enough time.

For this reason, there is css repetition in both components, because i choose to left those styles in this component, because it can't really be used anywhere else.

You can test on dapp in detail, zoom, grid or line mode & on Wordpress front with OpenSky shortcode for one or multiple Nfts. The comportement is different when you click on audio/video image in grid mode in dapp and when you click on audio/video image on opensky shortcode.

P.S : for a better experience, think to re-build styles... ;)

@dlaxcess dlaxcess requested a review from zapaz April 25, 2023 22:55
@dlaxcess dlaxcess self-assigned this Apr 25, 2023
@dlaxcess dlaxcess added refacto Technical refactoring ux / css User eXperience + Css svelte / typescript labels Apr 25, 2023
@dlaxcess dlaxcess linked an issue Apr 25, 2023 that may be closed by this pull request
@zapaz zapaz merged commit d711699 into beta Apr 26, 2023
@zapaz zapaz deleted the fix-audio-video branch April 26, 2023 13:32
zapaz added a commit that referenced this pull request Apr 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
refacto Technical refactoring svelte / typescript ux / css User eXperience + Css
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Video support
2 participants