fixing long sequence name overlapping with linear view zoom slider

TeselaGen · Nov 15, 2023 · 0bd92d1 · 0bd92d1
1 parent ae0a999
commit 0bd92d1
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 24 deletions.
diff --git a/output.json b/output.json
@@ -184,6 +184,26 @@
           "implicitDependencies": []
         }
       },
+      "shared-demo": {
+        "name": "shared-demo",
+        "type": "lib",
+        "data": {
+          "root": "packages/shared-demo",
+          "sourceRoot": "packages/shared-demo",
+          "name": "shared-demo",
+          "projectType": "library",
+          "targets": {
+            "nx-release-publish": {
+              "dependsOn": ["^nx-release-publish"],
+              "executor": "@nx/js:release-publish",
+              "options": {},
+              "configurations": {}
+            }
+          },
+          "implicitDependencies": [],
+          "tags": []
+        }
+      },
       "bio-parsers": {
         "name": "bio-parsers",
         "type": "lib",
@@ -330,26 +350,6 @@
           "implicitDependencies": []
         }
       },
-      "shared-demo": {
-        "name": "shared-demo",
-        "type": "lib",
-        "data": {
-          "root": "packages/shared-demo",
-          "sourceRoot": "packages/shared-demo",
-          "name": "shared-demo",
-          "projectType": "library",
-          "targets": {
-            "nx-release-publish": {
-              "dependsOn": ["^nx-release-publish"],
-              "executor": "@nx/js:release-publish",
-              "options": {},
-              "configurations": {}
-            }
-          },
-          "implicitDependencies": [],
-          "tags": []
-        }
-      },
       "file-utils": {
         "name": "file-utils",
         "type": "lib",
@@ -766,6 +766,7 @@
         }
       ],
       "bounce-loader": [],
+      "shared-demo": [],
       "bio-parsers": [
         {
           "source": "bio-parsers",
@@ -779,7 +780,6 @@
         }
       ],
       "range-utils": [],
-      "shared-demo": [],
       "file-utils": [],
       "uploader": [],
       "ove": [

diff --git a/packages/ove/package.json b/packages/ove/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.57",
+  "version": "0.3.58",
   "main": "./src/index.js",
   "exports": {
     ".": {

diff --git a/packages/ove/src/LinearView/SequenceName.js b/packages/ove/src/LinearView/SequenceName.js
@@ -2,7 +2,7 @@ import React from "react";
 
 export function SequenceName({ sequenceName, sequenceLength, isProtein }) {
   return (
-    <div key="circViewSvgCenterText" style={{ textAlign: "center" }}>
+    <div key="sequenceNameText" className="sequenceNameText">
       <span>{sequenceName} </span>
       <br />
       <span>

diff --git a/packages/ove/src/LinearView/style.css b/packages/ove/src/LinearView/style.css
@@ -5,7 +5,10 @@
 .veLinearView.isLinViewZoomed .veRowItemWrapper {
   overflow: auto;
 }
-
+.sequenceNameText {
+  text-align: center;
+  padding-top: 20px;
+}
 /* .tg-pinch-helper {
   touch-action: none;
   -moz-user-select: none;