diff --git a/scripts/views/webcamview.js b/scripts/views/webcamview.js index 1965518..46f9e53 100644 --- a/scripts/views/webcamview.js +++ b/scripts/views/webcamview.js @@ -73,7 +73,10 @@ define( if ( itWorked ) { dialog.show(); - videoEl.play(); + try { + videoEl.play(); + } catch ( err ) { } + updateVideoSize(); isRecording = true; diff --git a/styles/modules/dialog.css b/styles/modules/dialog.css index a7d0b07..2783d76 100644 --- a/styles/modules/dialog.css +++ b/styles/modules/dialog.css @@ -132,10 +132,10 @@ width: 100%; background-color: #000; overflow: hidden; - object-fit: cover; display: block; cursor: pointer; opacity: 0.8; + object-fit: contain; } .dialog-item video:hover { @@ -162,12 +162,14 @@ } .dialog-list { - overflow: scroll; margin-left: -20px; padding-left: 20px; padding-right: 20px; width: calc(100% + 40px); max-height: calc(100vh - 355px); + overflow: auto; + overflow-x: none; + overflow-y: auto; } .has-touch .dialog-list { @@ -386,3 +388,7 @@ html:not(.has-touch) .shared-list .item-offline-button { .setting-checkbox { margin-top: 3px; } + +.setting-select { + max-width: 100px; +}