From 1e0fcd5fb290cf3fc569294ef042368ebe22391a Mon Sep 17 00:00:00 2001 From: Mattias Buelens Date: Thu, 23 Nov 2023 10:26:55 +0100 Subject: [PATCH] Fix examples --- docs/examples/portrait.css | 5 ++++- src/UIContainer.css | 4 ++-- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/docs/examples/portrait.css b/docs/examples/portrait.css index 7471865e..ff0ca50a 100644 --- a/docs/examples/portrait.css +++ b/docs/examples/portrait.css @@ -16,7 +16,9 @@ body { background: url('../assets/phone-back.png') no-repeat; background-size: contain; box-sizing: border-box; - width: 50%; + min-width: 200px; + max-width: 50%; + flex-grow: 1; padding: 2.5%; aspect-ratio: 1547 / 3272; } @@ -27,6 +29,7 @@ theoplayer-ui:not(:defined) { font-family: 'Noto Sans', sans-serif; width: 100%; height: 100%; + min-width: 0; padding: 0; } diff --git a/src/UIContainer.css b/src/UIContainer.css index eb612e38..86f27356 100644 --- a/src/UIContainer.css +++ b/src/UIContainer.css @@ -65,8 +65,8 @@ } [part~='media-layer'] video { - border-radius: var(--theoplayer-video-border-radius); - object-fit: var(--theoplayer-video-object-fit); + border-radius: var(--theoplayer-video-border-radius, 0); + object-fit: var(--theoplayer-video-object-fit, contain); } /*