From 8a33cbf98026cf0ab3dbca8d23ad90d1a62a8c82 Mon Sep 17 00:00:00 2001 From: juanf <juanf@ethz.ch> Date: Mon, 15 May 2023 16:32:11 +0200 Subject: [PATCH] SSDM-12100: better video size --- .../as/webapps/eln-lims/html/js/util/BarcodeUtil.js | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/ui-eln-lims/src/core-plugins/eln-lims/1/as/webapps/eln-lims/html/js/util/BarcodeUtil.js b/ui-eln-lims/src/core-plugins/eln-lims/1/as/webapps/eln-lims/html/js/util/BarcodeUtil.js index 26d31f578aa..8f27b9e2739 100644 --- a/ui-eln-lims/src/core-plugins/eln-lims/1/as/webapps/eln-lims/html/js/util/BarcodeUtil.js +++ b/ui-eln-lims/src/core-plugins/eln-lims/1/as/webapps/eln-lims/html/js/util/BarcodeUtil.js @@ -97,7 +97,7 @@ var BarcodeUtil = new function() { var $cameraContainer = $("<div>"); - $form.append($toggleSwitch); + $cameraContainer.append($toggleSwitch); $form.append($cameraContainer); var onDeviceChange = function() { @@ -151,9 +151,14 @@ var BarcodeUtil = new function() { this.enableAutomaticBarcodeReadingFromCamera = function(cameraDeviceId, $container, action) { _this.disableAutomaticBarcodeReadingFromCamera(); - var content = $container; - var $video = $("<video>", { id : "video", width : "50%", height : "50%", style : "display: block; margin: 0 auto;" }); - content.append($video); + var $video = $("<video>", { id : "video" }); + $video.css({ + display: "block", // centering + margin: "0 auto", // centering + width : "40%", + height : "40%" + }); + $container.append($video); // Starts the camera reading code const hints = new Map(); -- GitLab