@teselagen/ove 0.4.4 → 0.4.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -15,7 +15,7 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.19",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.3.75",
+    "@teselagen/ui": "0.3.76",
     "@teselagen/file-utils": "0.3.16",
     "@teselagen/bounce-loader": "0.3.11",
     "@teselagen/bio-parsers": "0.4.10",

package/src/AlignmentView/index.js

@@ -1049,6 +1049,7 @@ export class AlignmentView extends React.Component {
       additionalSelectionLayerRightClickedOptions,
       selectionLayerRightClicked,
       additionalTopEl,
+      additionalTopLeftEl,
       handleAlignmentRename,
       alignmentVisibilityToolOptions
     } = this.props;
@@ -1449,6 +1450,7 @@ export class AlignmentView extends React.Component {
                   }}
                   className="ve-alignment-top-bar"
                 >
+                  {additionalTopLeftEl}
                   {handleBackButtonClicked && (
                     <Tooltip content="Back to Pairwise Alignment Overview">
                       <Button

package/src/AlignmentView/style.css

@@ -1,3 +1,6 @@
+.tg-pinch-helper {
+  width: 100%;
+}
 .ove-slider .bp3-slider {
   min-width: 10px !important;
   margin-bottom: 4px;

package/src/Editor/FillWindow.js

@@ -30,6 +30,7 @@ export default class FillWindow extends React.Component {
       <div
         {...rest}
         style={{
+          zIndex: 10,
           width,
           height,
           position: "fixed",

package/src/Editor/style.css

@@ -2,6 +2,7 @@
 .veEditor {
   position: relative;
   flex-grow: 1;
+  min-width: 0px;
 }
 
 .taProductViewer {

package/src/index.js

@@ -3,13 +3,7 @@ import { showContextMenu } from "@teselagen/ui";
 import "./createVectorEditor";
 import "./style.css";
 export { getUserGroupLabel } from "./CutsiteFilter/AdditionalCutsiteInfoDialog";
-
 window.tgCreateMenu = showContextMenu;
-// window.tgCreateMenu = (menu, e, e2) => {
-//   (e||e2).stopPropagation()
-//   (e || e2)
-// } //add this to the window so people can easily override the default context menus
-
 FocusStyleManager.onlyShowFocusOnTabs();
 export { getGaps } from "./AlignmentView/getGaps";
 export { default as createVectorEditor } from "./createVectorEditor";

package/src/style.css

@@ -96,3 +96,9 @@ body.tg-no-scroll-body {
 .bp3-dark .veToolbar-outer {
   background: #202b33;
 }
+/* .veVersionHistoryView {
+  background: #ebf1f5;
+}
+.bp3-dark .veVersionHistoryView {
+  background: #202b33;
+} */

package/style.css

@@ -8975,10 +8975,10 @@ code {
   display: none;
 }
 
-.isDataTitle .tippy-arrow {
+.isDataTitle .tippy-box[data-theme~="teselagen"] .tippy-arrow {
   opacity: 0 !important;
 }
-.isDataTitle .tippy-box {
+.isDataTitle .tippy-box[data-theme~="teselagen"] {
   background-color: #4f4a50f4 !important;
   border-radius: 0 !important;
   color: #f3f3f3 !important;
@@ -8987,24 +8987,24 @@ code {
   padding: 0px 0px !important;
 }
 
-[data-tippy-root] {
+[data-tippy-root]:has(.tippy-box[data-theme~="teselagen"]) {
   z-index: 100000 !important;
 }
 
-[data-tippy-root] .tippy-box {
+[data-tippy-root] .tippy-box[data-theme~="teselagen"] {
   background-color: #394b59;
   color: #f5f8fa;
   padding: 4px 4px;
   word-break: break-word;
 }
-[data-tippy-root] .tippy-arrow {
+[data-tippy-root] .tippy-box[data-theme~="teselagen"] .tippy-arrow {
   color: #394b59;
 }
-.bp3-dark [data-tippy-root] .tippy-box {
+.bp3-dark [data-tippy-root] .tippy-box[data-theme~="teselagen"] {
   background-color: #e1e8ed;
   color: #394b59;
 }
-.bp3-dark [data-tippy-root] .tippy-arrow {
+.bp3-dark [data-tippy-root] .tippy-box[data-theme~="teselagen"] .tippy-arrow {
   /* background-color: #e1e8ed; */
   color: #e1e8ed;
 }
@@ -9410,7 +9410,7 @@ body:not(.drag-active)
 }
 
 .ReactTable .rt-tr-group.selected {
-  background: lightblue !important;
+  background: #e4f3f8 !important;
 }
 
 .ReactTable .rt-tr-group.disabled {
@@ -9634,7 +9634,9 @@ body:not(.drag-active)
 .bp3-dark .ReactTable .rt-tbody {
   background: #30404d !important;
 }
-
+.ReactTable .rt-thead.-header {
+  box-shadow: none;
+}
 .bp3-dark .ReactTable .rt-thead.-header {
   color: #f5f8fa !important;
 }
@@ -10999,6 +11001,9 @@ li.bp3-menu-divider:last-child {
   height: 12px;
   top: 2px;
 }
+.tg-pinch-helper {
+  width: 100%;
+}
 .ove-slider .bp3-slider {
   min-width: 10px !important;
   margin-bottom: 4px;
@@ -11696,6 +11701,7 @@ path.partWithSelectedTag {
 .veEditor {
   position: relative;
   flex-grow: 1;
+  min-width: 0px;
 }
 .taProductViewer {
   display: flex;
@@ -12025,3 +12031,9 @@ body.tg-no-scroll-body {
 .bp3-dark .veToolbar-outer {
   background: #202b33;
 }
+/* .veVersionHistoryView {
+  background: #ebf1f5;
+}
+.bp3-dark .veVersionHistoryView {
+  background: #202b33;
+} */