diff options
| author | Aubrey Li <Aubrey-Li> | 2021-10-26 17:16:16 -0400 |
|---|---|---|
| committer | Aubrey Li <Aubrey-Li> | 2021-10-26 17:16:16 -0400 |
| commit | 34ce1ba0275406aff180a49f99d333ffa0d86e3b (patch) | |
| tree | 25e8ae29b145e5e1e33c59e285f3b29f5a481dc5 /src/client/views/nodes/VideoBox.scss | |
| parent | 3c1b393732ef9dc704a2f40b103c37b3f8370ba7 (diff) | |
| parent | 48d5e650ddc8caa8252561bbc91961f2f4677d6e (diff) | |
Merge branch 'master' into trails-aubrey
Diffstat (limited to 'src/client/views/nodes/VideoBox.scss')
| -rw-r--r-- | src/client/views/nodes/VideoBox.scss | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/src/client/views/nodes/VideoBox.scss b/src/client/views/nodes/VideoBox.scss index cdd36eb3b..4871599b8 100644 --- a/src/client/views/nodes/VideoBox.scss +++ b/src/client/views/nodes/VideoBox.scss @@ -14,6 +14,9 @@ height: 100%; position: relative; .videoBox-viewer { + display:flex; + flex-direction: column; + height: 100%; border-radius: inherit; opacity: 0.99; // hack! overcomes some kind of Chrome weirdness where buttons (e.g., snapshot) disappear at some point as the video is resized larger } @@ -26,7 +29,17 @@ .videoBox-stackPanel { z-index: -1; width: 100%; - position: absolute; + position: relative; + } + + .videoBox-annotationLayer { + position: relative; + transform-origin: left top; + top: 0; + width: 100%; + pointer-events: none; + mix-blend-mode: multiply; // bcz: makes text fuzzy! + overflow: hidden; } } |
