diff --git a/images/pic1.png b/images/pic1.png index 7187f34..e966693 100644 Binary files a/images/pic1.png and b/images/pic1.png differ diff --git a/src/core/static/css/main.css b/src/core/static/css/main.css index 5733e84..ba1a6b5 100644 --- a/src/core/static/css/main.css +++ b/src/core/static/css/main.css @@ -51,6 +51,7 @@ input { } #rightClickBtn { + display: none; /* Hide button unless screen bigger than media query says it is */ border-style: dashed; border-width: 2px; overflow: auto; @@ -71,17 +72,22 @@ input { } -@media only screen and (min-width : 800px) { +@media only screen and (max-device-width: 800px) { #sendKeysField { font-size: 300% !important; } } -@media only screen and (min-width : 800px) { +/* nothing with screen size smaller than 8000px */ +@media only screen and (min-device-width: 801px) { body { width: 800px; margin: 0 auto; } + + #rightClickBtn { + display: inline-block; + } } diff --git a/src/core/static/js/events.js b/src/core/static/js/events.js index 83c4a4f..32842ad 100644 --- a/src/core/static/js/events.js +++ b/src/core/static/js/events.js @@ -65,6 +65,12 @@ $(function () { // Touch events converted to mouse events function touchHandler(event) { + if (event.type == "touchstart" && event.touches.length > 1) { + isClicking = false; + rightClick(); + return ; + } + let touches = event.changedTouches, first = touches[0], type = "";