Wrap screen viewer.

This commit is contained in:
Jared Goodwin 2020-04-04 11:16:35 -07:00
parent bd751a9cf6
commit e686d80bd6
2 changed files with 16 additions and 4 deletions

View File

@ -12,7 +12,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.9" />
<meta name="viewport" content="width=device-width, initial-scale=0.9, user-scalable=no" />
<link rel="icon" href="~/favicon.ico" />
<title>Remotely Remote Control</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
@ -172,7 +172,7 @@
</div>
<div class="center-aligned">
<div id="screenViewerWrapper" class="center-aligned">
<canvas id="screenViewer" hidden="hidden"></canvas>
<input id="fileTransferInput" hidden="hidden" type="file" />
<textarea id="touchKeyboardTextArea" value=" #"> #</textarea>

View File

@ -110,12 +110,22 @@ button {
}
#screenViewerWrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
#screenViewer {
max-width: 99vw;
max-height: 99vh;
z-index: 1;
-ms-touch-action: none;
touch-action: none;
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
#connectBox {
@ -253,6 +263,8 @@ footer {
#touchKeyboardTextArea {
position: fixed;
left: 50%;
transform: translateX(-50%);
top: -100%;
}