@teselagen/ove 0.3.63 → 0.3.64

package/src/LinearView/style.css

@@ -1,10 +1,13 @@
 .veLinearView .veRowItemWrapper {
   display: flex;
   justify-content: center;
-}
-.veLinearView.isLinViewZoomed .veRowItemWrapper {
   overflow: auto;
 }
+
+/* tnw: we had added overflow: auto; only when isLinViewZoomed to prevent the scrollbar from showing up in cases where we didn't want it. We'll need to figure how to prevent the scrollbar from appearing in a different way since we DO need to the scrollbar in certain cases even when isLinViewZoomed=false */
+/* .veLinearView.isLinViewZoomed .veRowItemWrapper {
+  overflow: auto;
+} */
 .sequenceNameText {
   text-align: center;
   padding-top: 20px;

package/src/RowItem/Axis.js

@@ -111,8 +111,11 @@ const Axis = function (props) {
           i === 0 //if first label in row, or last label in row, we add checks to make sure the axis number labels don't go outside of the width of the row
             ? Math.max(positionLength, xCenter)
             : i === tickMarkPositions.length - 1
-            ? Math.min(bpsPerRow * charWidth - positionLength, xCenter)
-            : xCenter;
+              ? Math.min(bpsPerRow * charWidth - positionLength, xCenter)
+              : xCenter;
+      }
+      if (i === tickMarkPositions.length - 1) {
+        x = Math.min(x, xEnd - positionLength / 2);
       }
       tickMarkSVG.push(
         <text

package/src/index.js

@@ -1,3 +1,4 @@
+import "@fontsource/ubuntu-mono/400.css";
 import { FocusStyleManager } from "@blueprintjs/core";
 import { showContextMenu } from "@teselagen/ui";
 import "./createVectorEditor";

package/src/style.css

@@ -1,11 +1,14 @@
 .ve-monospace-font {
-  font-family: Monaco, monospace;
-  font-size: 11px;
+  font-family: "Ubuntu Mono", Monaco, monospace;
+  font-size: 12px;
 }
 .rowViewTextContainer text {
   user-select: none;
 }
-.translationLayer text {
+.translationLayer text,
+.tg-prime-direction,
+.sequenceNameText,
+.veAxis text {
   user-select: none;
 }
 .ve-sequence-reverse {