mirror of
https://github.com/immense/Remotely.git
synced 2025-10-26 11:27:15 +00:00
Wrap screen viewer.
This commit is contained in:
parent
bd751a9cf6
commit
e686d80bd6
@ -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>
|
||||
|
||||
@ -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%;
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user