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

add display-mode: picture-in-picture example and fix sizing issue #263

Merged
merged 3 commits into from
Mar 11, 2024

Conversation

chrisdavidmills
Copy link
Contributor

Chrome 123 adds support for the @media display-mode picture-in-picture value. This PR adds CSS to our document picture-in-picture example that combines display-mode: picture-in-picture with prefers-color-scheme to provide a light and dark color scheme just for the picture-in picture window.

@chrisdavidmills chrisdavidmills requested a review from a team as a code owner February 28, 2024 13:03
@chrisdavidmills chrisdavidmills requested review from pepelsbey and removed request for a team February 28, 2024 13:03
@chrisdavidmills
Copy link
Contributor Author

@pepelsbey, would you mind giving this little demo tweak a review?

Copy link
Contributor

@pepelsbey pepelsbey left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I’d suggest cleaning up the formatting. Otherwise, looks good to me :) Thanks!

document-picture-in-picture/main.css Outdated Show resolved Hide resolved
@chrisdavidmills
Copy link
Contributor Author

@pepelsbey thanks! Are you able to merge it? I don't have permission to do so in this repo.

@pepelsbey pepelsbey merged commit 69c077f into mdn:main Mar 11, 2024
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants