aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/InkingCanvas.scss
diff options
context:
space:
mode:
authorTyler Schicke <tyler_schicke@brown.edu>2019-05-22 19:51:49 -0400
committerTyler Schicke <tyler_schicke@brown.edu>2019-05-22 19:51:49 -0400
commit30fdae9e869e0f132c76b4fa99b784e75d6c8dae (patch)
tree01a86e92ed6cad6a0a9a6d8adea2e09dcc2f96be /src/client/views/InkingCanvas.scss
parentfe9dbb871d613d6a55873bd317d0d1af13a50ad8 (diff)
A bunch of fixes/changes
Diffstat (limited to 'src/client/views/InkingCanvas.scss')
-rw-r--r--src/client/views/InkingCanvas.scss42
1 files changed, 26 insertions, 16 deletions
diff --git a/src/client/views/InkingCanvas.scss b/src/client/views/InkingCanvas.scss
index 8bcaf41dd..d95398f17 100644
--- a/src/client/views/InkingCanvas.scss
+++ b/src/client/views/InkingCanvas.scss
@@ -1,40 +1,50 @@
@import "globalCssVariables";
.inkingCanvas {
- opacity:0.99;
+ opacity: 0.99;
+
.jsx-parser {
- position:absolute;
- width:100%;
- height:100%;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: -1; // allows annotations to appear on videos when screen is full-size & ...
}
}
-.inkingCanvas-paths-ink, .inkingCanvas-paths-markers, .inkingCanvas-noSelect, .inkingCanvas-canSelect {
+
+.inkingCanvas-paths-ink,
+.inkingCanvas-paths-markers,
+.inkingCanvas-noSelect,
+.inkingCanvas-canSelect {
position: absolute;
top: 0;
- left:0;
+ left: 0;
width: 8192px;
height: 8192px;
- cursor:"crosshair";
+ cursor: "crosshair";
pointer-events: auto;
-
+
}
-.inkingCanvas-canSelect,
-.inkingCanvas-noSelect {
- top:-50000px;
- left:-50000px;
+
+.inkingCanvas-canSelect,
+.inkingCanvas-noSelect {
+ top: -50000px;
+ left: -50000px;
width: 100000px;
height: 100000px;
}
-.inkingCanvas-noSelect {
+
+.inkingCanvas-noSelect {
pointer-events: none;
cursor: "arrow";
}
-.inkingCanvas-paths-ink, .inkingCanvas-paths-markers {
+
+.inkingCanvas-paths-ink,
+.inkingCanvas-paths-markers {
pointer-events: none;
z-index: 10000; // overlays ink on top of everything
cursor: "arrow";
}
+
.inkingCanvas-paths-markers {
mix-blend-mode: multiply;
-}
-
+} \ No newline at end of file