From 9aebf90d301d498a2f378575d0c263977e6b4601 Mon Sep 17 00:00:00 2001 From: Jared Goodwin Date: Sat, 4 Apr 2020 11:16:35 -0700 Subject: [PATCH] Wrap screen viewer. --- Server/Pages/RemoteControl.cshtml | 4 ++-- Server/wwwroot/css/remote-control.css | 16 ++++++++++++++-- 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/Server/Pages/RemoteControl.cshtml b/Server/Pages/RemoteControl.cshtml index 0f8829e0e..a2708a6a8 100644 --- a/Server/Pages/RemoteControl.cshtml +++ b/Server/Pages/RemoteControl.cshtml @@ -12,7 +12,7 @@ - + Remotely Remote Control @@ -172,7 +172,7 @@ -
+
diff --git a/Server/wwwroot/css/remote-control.css b/Server/wwwroot/css/remote-control.css index b6fbdeb55..305a32762 100644 --- a/Server/wwwroot/css/remote-control.css +++ b/Server/wwwroot/css/remote-control.css @@ -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%; }