confidence data falling off the screen anymore

behave-app · Feb 11, 2024 · 284f160 · 284f160
1 parent 20f092d
commit 284f160
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/viewer/videoplayer.module.css b/src/viewer/videoplayer.module.css
@@ -31,17 +31,17 @@
     .confidence_background {
       stroke: none;
       fill: var(--box-colour);
-      x: calc((var(--cx) + var(--width) / 2) * 100% - var(--text-width) + var(--box-stroke-width));
-      y: calc((var(--cy) + var(--height) / 2) * 100%);
+      x: max(0%, min( calc(100% - var(--text-width)), calc((var(--cx) + var(--width) / 2) * 100% - var(--text-width) + var(--box-stroke-width))));
+      y: calc(max(0%, min(100% - var(--text-height), (var(--cy) + var(--height) / 2) * 100%)));
       width: var(--text-width);
       height: var(--text-height);
     }
     .confidence_text {
       stroke: none;
       fill: white;
       transform: translate(
-      calc((var(--cx) + var(--width) / 2) * 100% - var(--text-width) + var(--box-stroke-width) + 1px),
-      calc((var(--cy) + var(--height) / 2) * 100% + .8lh)
+      calc(max(0%, min(100% - var(--text-width), (var(--cx) + var(--width) / 2) * 100% - var(--text-width) + var(--box-stroke-width))) + 1px),
+      calc(max(0%, min(100%, (var(--cy) + var(--height) / 2) * 100% + .8lh)))
       );
     }
   }