muxinc / media-chrome

Custom elements (web components) for making audio and video player controls that look great in your website or app.
https://media-chrome.org
MIT License
1.21k stars 62 forks source link

feat: add range CSS parts #990

Open luwes opened 3 days ago

luwes commented 3 days ago

fix #921, fix #983

  1. a smooth track height transition on hover looks like
  media-time-range::part(track) {
    transition: transform 0.2s;
    transform: scaleY(1);
  }

  media-time-range:hover::part(track) {
    transform: scaleY(1.5);
  }
  1. adding border-radius to track highlight (buffer) and track progress elements
media-time-range::part(highlight),
media-time-range::part(progress) {
  border-radius: 9999px;
}
vercel[bot] commented 3 days ago

@luwes is attempting to deploy a commit to the Mux Team on Vercel.

A member of the Team first needs to authorize it.

codecov[bot] commented 3 days ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 76.90%. Comparing base (3ea80df) to head (d6adb7c). Report is 112 commits behind head on main.

Additional details and impacted files ```diff @@ Coverage Diff @@ ## main #990 +/- ## ========================================== - Coverage 78.55% 76.90% -1.66% ========================================== Files 59 50 -9 Lines 11080 12092 +1012 Branches 0 695 +695 ========================================== + Hits 8704 9299 +595 - Misses 2376 2768 +392 - Partials 0 25 +25 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

vercel[bot] commented 3 days ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
media-chrome ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 26, 2024 11:18pm
media-chrome-demo-nextjs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 26, 2024 11:18pm
media-chrome-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 26, 2024 11:18pm