aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/InkingCanvas.scss
diff options
context:
space:
mode:
authorEleanor Eng <eleanor_eng@brown.edu>2019-06-04 10:29:02 -0400
committerEleanor Eng <eleanor_eng@brown.edu>2019-06-04 10:29:02 -0400
commit376ebd44a16dfa04aacd3582e87767aed1a01f36 (patch)
tree3a9e623cf6689e1ea6975954596bf5bda6303249 /src/client/views/InkingCanvas.scss
parent8f14e688220096ccecfd1aa0dd54b00e48f92270 (diff)
parent6f49d067b58caf6297f7ae7687cf05b627c27a1d (diff)
merge with master
Diffstat (limited to 'src/client/views/InkingCanvas.scss')
-rw-r--r--src/client/views/InkingCanvas.scss41
1 files changed, 28 insertions, 13 deletions
diff --git a/src/client/views/InkingCanvas.scss b/src/client/views/InkingCanvas.scss
index 2c550051c..d95398f17 100644
--- a/src/client/views/InkingCanvas.scss
+++ b/src/client/views/InkingCanvas.scss
@@ -1,35 +1,50 @@
@import "globalCssVariables";
.inkingCanvas {
- opacity:0.99;
+ opacity: 0.99;
+
+ .jsx-parser {
+ 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