@teselagen/ove 0.8.39 → 0.8.41

package/ove.css

@@ -11231,6 +11231,10 @@ path.partWithSelectedTag {
   height: 12px;
   top: 2px;
 }
+.alignment-search-bar .bp3-input {
+  border-radius: 5px !important;
+}
+
 .tg-pinch-helper {
   width: 100%;
 }
@@ -11293,6 +11297,10 @@ path.partWithSelectedTag {
 /* .alignmentViewTrackContainer:hover .alignmentTrackNameDiv {
   opacity: 1 !important;
 } */
+.ve-alignment-top-bar {
+  align-items: center;
+}
+
 .ve-alignment-top-bar > * {
   overflow-wrap: normal;
   flex: 0 0 auto;
@@ -11309,6 +11317,82 @@ path.partWithSelectedTag {
 .veAlignmentMismatch {
   opacity: 0.9;
 }
+
+.veDiffNavigator {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* Menu item content layout */
+.veDiffMenuItem-inner {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+/* Navigation pill — groups prev/counter/next into one unit */
+.veDiffNav {
+  display: flex;
+  align-items: center;
+  border-radius: 3px;
+  background: rgba(92, 112, 128, 0.06);
+  border: 1px solid rgba(92, 112, 128, 0.18);
+}
+
+.veDiffNav-center {
+  display: flex;
+  align-items: baseline;
+  gap: 3px;
+  padding: 0 6px;
+  min-width: 64px;
+  justify-content: center;
+}
+
+.veDiffNav-fraction {
+  font-size: 11px;
+  font-variant-numeric: tabular-nums;
+  color: #5c7080;
+  line-height: 1;
+}
+
+.veDiffNav-sep {
+  margin: 0 1px;
+  opacity: 0.45;
+}
+
+/* Position number — monospace fits sequence coordinates */
+.veDiffNav-pos {
+  font-size: 10px;
+  font-family: monospace;
+  font-variant-numeric: tabular-nums;
+  color: #a7b6c2;
+  line-height: 1;
+}
+
+.veDiffNav-empty {
+  font-size: 11px;
+  font-style: italic;
+  color: #a7b6c2;
+  padding: 0 4px;
+}
+
+.bp3-dark .veDiffNav {
+  background: rgba(167, 182, 194, 0.05);
+  border-color: rgba(167, 182, 194, 0.14);
+}
+
+.bp3-dark .veDiffNav-fraction {
+  color: #5c7080;
+}
+
+.bp3-dark .veDiffNav-pos {
+  color: #4f6272;
+}
+
+.bp3-dark .veDiffNav-empty {
+  color: #5c7080;
+}
 .veRowItem:has(.rowViewTextContainer) .veAlignmentMismatch {
   opacity: 0.5;
 }
@@ -11377,6 +11461,60 @@ path.partWithSelectedTag {
   opacity: 0.5;
   top: 0;
 }
+.veFindBar {
+  background: #ffffff;
+  border-bottom: 1px solid lightgrey;
+  border-left: 1px solid lightgrey;
+  border-right: 1px solid lightgrey;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+.veFindBar > .bp3-control {
+  margin-bottom: 0px;
+}
+.veFindBar > * {
+  width: fit-content;
+}
+
+.bp3-dark .veFindBar {
+  border-radius: 5px;
+  background: #30404d !important;
+  border-bottom: 1px solid #202b33 !important;
+  border-left: 1px solid #202b33 !important;
+  border-right: 1px solid #202b33 !important;
+}
+
+.ve-find-options-popover > * {
+  margin: 10px 5px;
+}
+.veAnnotationFindMatches {
+  width: 250px;
+  padding: 10px;
+  max-height: 180px;
+  overflow-y: scroll;
+  min-width: 313px;
+}
+
+.veAnnotationFoundType {
+  font-weight: bold;
+}
+.veAnnotationFoundResult {
+  display: flex;
+  justify-content: space-between;
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-top: 3px;
+  padding-bottom: 5px;
+  cursor: pointer;
+}
+.veAnnotationFoundResult:hover {
+  background: lightblue;
+}
+.veAnnotationFoundResultRange {
+  font-size: 10;
+  color: gray;
+}
 .simple-dialog .dialog-buttons {
   display: flex;
   flex-direction: row;
@@ -11688,60 +11826,6 @@ path.partWithSelectedTag {
   overflow: auto;
   max-height: 50vh;
 }
-.veFindBar {
-  background: #ffffff;
-  border-bottom: 1px solid lightgrey;
-  border-left: 1px solid lightgrey;
-  border-right: 1px solid lightgrey;
-  border-bottom-left-radius: 5px;
-  border-bottom-right-radius: 5px;
-}
-
-.veFindBar > .bp3-control {
-  margin-bottom: 0px;
-}
-.veFindBar > * {
-  width: fit-content;
-}
-
-.bp3-dark .veFindBar {
-  border-radius: 5px;
-  background: #30404d !important;
-  border-bottom: 1px solid #202b33 !important;
-  border-left: 1px solid #202b33 !important;
-  border-right: 1px solid #202b33 !important;
-}
-
-.ve-find-options-popover > * {
-  margin: 10px 5px;
-}
-.veAnnotationFindMatches {
-  width: 250px;
-  padding: 10px;
-  max-height: 180px;
-  overflow-y: scroll;
-  min-width: 313px;
-}
-
-.veAnnotationFoundType {
-  font-weight: bold;
-}
-.veAnnotationFoundResult {
-  display: flex;
-  justify-content: space-between;
-  padding-left: 5px;
-  padding-right: 5px;
-  padding-top: 3px;
-  padding-bottom: 5px;
-  cursor: pointer;
-}
-.veAnnotationFoundResult:hover {
-  background: lightblue;
-}
-.veAnnotationFoundResultRange {
-  font-size: 10;
-  color: gray;
-}
 .veStatusBar {
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.8.39",
+  "version": "0.8.41",
   "main": "./src/index.js",
   "type": "module",
   "repository": "https://github.com/TeselaGen/tg-oss",