- Controlling devices from control-panes.

2026-04-18 08:03:30 +02:00 · 2014-03-31 16:13:12 +09:00
parent e173a4f648
commit f8a4fee2bb
12 changed files with 116 additions and 72 deletions
--- a/res/app/control-panes/device-control/device-control.css
+++ b/res/app/control-panes/device-control/device-control.css
@@ -0,0 +1,39 @@
+device-screen {
+    position: relative;
+    display: block;
+}
+
+device-screen canvas {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    pointer-events: none; /* MUST HAVE */
+}
+
+device-screen .finger {
+    position: absolute;
+    border-radius: 50%;
+    background: lime;
+    opacity: 0.5;
+    width: 6mm;
+    height: 6mm;
+    top: -3mm;
+    left: -3mm;
+    pointer-events: none;
+    display: none;
+}
+
+device-screen.fingering .finger {
+    display: block;
+}
+
+device-screen textarea {
+    position: absolute;
+    z-index: 10;
+    outline: none;
+    pointer-events: none;
+    opacity: 0;
+}