[FIX] web: improve barcode scanner for iOS (Safari)

This commit forces the video element to take all the space available.

Steps to reproduce:
* Open the barcode APP (on iOS device)
* Click on "Tap to scan"
* On iOS the video element doesn't take all space => BUG

closes odoo/odoo#127763

X-original-commit: 29e677ed84c0b7324488cfebf2d44b9247716c54
Signed-off-by: Romain Estievenart (res) <res@odoo.com>
Signed-off-by: Romeo Fragomeli (rfr) <rfr@odoo.com>
This commit is contained in:
Romeo Fragomeli
2023-07-07 17:58:03 +02:00
parent aa2133a869
commit 69ecba44cb
2 changed files with 5 additions and 1 deletions
@@ -3,4 +3,8 @@
@include media-breakpoint-down(md) {
padding: 0;
}
video {
object-fit: cover;
}
}
@@ -3,7 +3,7 @@
<t t-name="web.BarcodeDialog" owl="1">
<Dialog title="'Barcode Scanner'" onClosed="props.onClose" fullscreen="true" renderFooter="false" contentClass="'o-barcode-modal'">
<CropOverlay onResize.bind="this.onResize" isReady="state.isReady">
<video t-ref="videoPreview" muted="true" autoplay="true" playsinline="true" class="mw-100 mh-100"/>
<video t-ref="videoPreview" muted="true" autoplay="true" playsinline="true" class="w-100 h-100"/>
</CropOverlay>
</Dialog>
</t>