fix(unity-bootstrap-theme): video hero gray overlay fix - Githubissues

ASU / asu-unity-stack

ASU Unity Design System

https://unity.web.asu.edu/

Other

11 stars 8 forks source link

fix(unity-bootstrap-theme): video hero gray overlay fix #1174

Closed Bob-E closed 11 months ago

Bob-E commented 11 months ago

fix Video gray overlay if Video aspect ratio is too wide

Description

Description of problem:

Video Hero can show gray area from overlay if Video aspect ratio is too wide

Solution

add styles to video element

height: 100%;
object-fit: cover;

note: ticket WS2-1796 after UDS reconciled in Renovation theme

Links

Checklist

[x] Unity project successfully builds from root yarn install & yarn build
[x] Commits do not contain multiple scopes
[x] Add/updated examples
[x] No new console errors

Browsers

[x] Chrome
[x] Safari
[x] Firefox
[x] Edge

Images

Before

After