Skip to content

Commit

Permalink
Add rounded corners to videos in in-window fullscreen mode
Browse files Browse the repository at this point in the history
https://bugs.webkit.org/show_bug.cgi?id=273692
rdar://127496496

Reviewed by Jer Noble.

Add rounded corners to videos in in-window fullscreen mode. This
Requires setting the margins to auto to avoid stretching the
Aspect ratio of the video and removing padding so that the
Rounded corners appear along the video content.

* Source/WebCore/css/fullscreen.css:
(*|*:not(:root):-internal-in-window-fullscreen):

Canonical link: https://commits.webkit.org/278341@main
  • Loading branch information
danae404 committed May 3, 2024
1 parent 0a2287a commit bd689ab
Showing 1 changed file with 6 additions and 1 deletion.
7 changes: 6 additions & 1 deletion Source/WebCore/css/fullscreen.css
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,12 @@ iframe:fullscreen {
}

*|*:not(:root):-internal-in-window-fullscreen {
padding: 5% 0%;
margin: auto !important;
width: auto !important;
height: 80vh !important;
max-width: 100vw !important;
max-height: 100vh !important;
border-radius: 20px !important;
}

*|*:not(:root):-internal-in-window-fullscreen::backdrop {
Expand Down

0 comments on commit bd689ab

Please sign in to comment.