Merge pull request cornerstonejs#131 from cornerstonejs/fix/bottom-or…

…ientation-marker-offscreen fix(ViewportOrientationMarkers): Consider marker height when positioning bottom orientation marker
horner · Dec 7, 2021 · 50c6ad2 · 50c6ad2
2 parents 4068ba2 + f9c2dbe
commit 50c6ad2
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/ViewportOrientationMarkers/ViewportOrientationMarkers.css b/src/ViewportOrientationMarkers/ViewportOrientationMarkers.css
@@ -1,5 +1,6 @@
 .ViewportOrientationMarkers {
   --marker-width: 100px;
+  --marker-height: 100px;
   --scrollbar-width: 20px;
   pointer-events: none;
   font-size: 15px;
@@ -22,11 +23,17 @@
   left: calc(100% - var(--marker-width) - var(--scrollbar-width));
 }
 .ViewportOrientationMarkers .bottom-mid {
-  top: 97%;
+  top: calc(100% - var(--marker-height) - 5px);
   left: 47%;
 }
 .ViewportOrientationMarkers .right-mid .orientation-marker-value {
   display: flex;
   justify-content: flex-end;
   min-width: var(--marker-width);
 }
+.ViewportOrientationMarkers .bottom-mid .orientation-marker-value {
+  display: flex;
+  justify-content: flex-start;
+  min-height: var(--marker-height);
+  flex-direction: column-reverse;
+}