mattermost/mattermost

Video, Cards related to UI

Aberta

#30.645 aberto em 3 de abr. de 2025

 (3 comentários) (2 reações) (1 responsável)TypeScript (7.823 forks)batch import
Help Wanted

Métricas do repositório

Stars
 (32.880 estrelas)
Métricas de merge de PR
 (Mesclagem média 6d 5h) (318 fundiu PRs em 30d)

Description

UI Enhancement: Improve Video & Cards for Better Engagement

Issue Description:

The current UI has a video section that lacks interactive elements and cards that can be made more engaging. To improve the user experience, the following changes are proposed:


Proposed Enhancements:

1. Video Improvements

  • Embed the video using an iframe instead of a static image with a play button.
  • Enable autoplay and muted attributes so it plays seamlessly without disrupting the user experience.
  • Implement looping for a continuous experience.
  • Provide a custom play/pause overlay for better control.

2. Improve Cards UI

  • Add hover effects to make the cards more interactive.
  • Implement a flip-style animation on hover for an engaging effect.
  • Use subtle box shadows and animations to enhance visibility.
  • Ensure responsiveness for better mobile and tablet experience.

Expected Outcome:

  • A more dynamic and engaging video experience.
  • Enhanced card interactions with visually appealing animations.
  • Improved user retention and engagement through an attractive UI.

Would love to contribute if needed! 🚀

Guia do colaborador