@teselagen/ove 0.7.36 → 0.7.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/index.cjs.js +12 -17
  2. package/index.es.js +12 -17
  3. package/index.umd.js +12 -17
  4. package/ove.css +12 -4
  5. package/package.json +1 -1
  6. package/src/FindBar/index.js +11 -16
  7. package/src/FindBar/style.css +12 -4
package/index.cjs.js CHANGED
@@ -124960,7 +124960,7 @@ function showFileDialog({ multiple = false, onSelect }) {
124960
124960
  input.click();
124961
124961
  }
124962
124962
  __name(showFileDialog, "showFileDialog");
124963
- const version = "0.7.35";
124963
+ const version = "0.7.37";
124964
124964
  const packageJson = {
124965
124965
  version
124966
124966
  };
@@ -150246,19 +150246,13 @@ const _FindBar = class _FindBar extends React.Component {
150246
150246
  minWidth: 300
150247
150247
  } : {
150248
150248
  position: "fixed",
150249
- top: 0,
150249
+ top: 120,
150250
150250
  right: 25,
150251
150251
  padding: 10,
150252
150252
  display: "flex",
150253
- alignItems: "center",
150253
+ alignItems: "start",
150254
150254
  paddingBottom: 5,
150255
- background: "white",
150256
- zIndex: "20000",
150257
- borderBottom: "1px solid lightgrey",
150258
- borderLeft: "1px solid lightgrey",
150259
- borderRight: "1px solid lightgrey",
150260
- borderBottomLeftRadius: "5px",
150261
- borderBottomRightRadius: "5px"
150255
+ zIndex: 2e4
150262
150256
  },
150263
150257
  className: "veFindBar"
150264
150258
  },
@@ -150273,7 +150267,10 @@ const _FindBar = class _FindBar extends React.Component {
150273
150267
  autoFocus: true,
150274
150268
  style: __spreadValues({
150275
150269
  resize: "vertical"
150276
- }, !isInline && { width: 350, minHeight: 70 }),
150270
+ }, !isInline && {
150271
+ width: 350,
150272
+ height: 190
150273
+ }),
150277
150274
  className: "tg-find-tool-input",
150278
150275
  inputRef: /* @__PURE__ */ __name((n2) => {
150279
150276
  if (n2) this.inputEl = n2;
@@ -150319,12 +150316,10 @@ const _FindBar = class _FindBar extends React.Component {
150319
150316
  "div",
150320
150317
  {
150321
150318
  style: {
150319
+ marginLeft: 10,
150322
150320
  display: "flex",
150323
- maxWidth: "400px",
150324
- flexWrap: "wrap",
150325
- justifyContent: "space-around",
150326
- alignItems: "stretch",
150327
- height: "76px"
150321
+ flexDirection: "column",
150322
+ gap: 5
150328
150323
  }
150329
150324
  },
150330
150325
  rightEl,
@@ -150334,7 +150329,7 @@ const _FindBar = class _FindBar extends React.Component {
150334
150329
  core.Button,
150335
150330
  {
150336
150331
  minimal: true,
150337
- style: { position: "absolute", bottom: 0, right: -10 },
150332
+ style: { position: "absolute", bottom: 0, right: 0 },
150338
150333
  onClick: toggleFindTool2,
150339
150334
  icon: "cross"
150340
150335
  }
package/index.es.js CHANGED
@@ -124942,7 +124942,7 @@ function showFileDialog({ multiple = false, onSelect }) {
124942
124942
  input.click();
124943
124943
  }
124944
124944
  __name(showFileDialog, "showFileDialog");
124945
- const version = "0.7.35";
124945
+ const version = "0.7.37";
124946
124946
  const packageJson = {
124947
124947
  version
124948
124948
  };
@@ -150228,19 +150228,13 @@ const _FindBar = class _FindBar extends React__default.Component {
150228
150228
  minWidth: 300
150229
150229
  } : {
150230
150230
  position: "fixed",
150231
- top: 0,
150231
+ top: 120,
150232
150232
  right: 25,
150233
150233
  padding: 10,
150234
150234
  display: "flex",
150235
- alignItems: "center",
150235
+ alignItems: "start",
150236
150236
  paddingBottom: 5,
150237
- background: "white",
150238
- zIndex: "20000",
150239
- borderBottom: "1px solid lightgrey",
150240
- borderLeft: "1px solid lightgrey",
150241
- borderRight: "1px solid lightgrey",
150242
- borderBottomLeftRadius: "5px",
150243
- borderBottomRightRadius: "5px"
150237
+ zIndex: 2e4
150244
150238
  },
150245
150239
  className: "veFindBar"
150246
150240
  },
@@ -150255,7 +150249,10 @@ const _FindBar = class _FindBar extends React__default.Component {
150255
150249
  autoFocus: true,
150256
150250
  style: __spreadValues({
150257
150251
  resize: "vertical"
150258
- }, !isInline && { width: 350, minHeight: 70 }),
150252
+ }, !isInline && {
150253
+ width: 350,
150254
+ height: 190
150255
+ }),
150259
150256
  className: "tg-find-tool-input",
150260
150257
  inputRef: /* @__PURE__ */ __name((n2) => {
150261
150258
  if (n2) this.inputEl = n2;
@@ -150301,12 +150298,10 @@ const _FindBar = class _FindBar extends React__default.Component {
150301
150298
  "div",
150302
150299
  {
150303
150300
  style: {
150301
+ marginLeft: 10,
150304
150302
  display: "flex",
150305
- maxWidth: "400px",
150306
- flexWrap: "wrap",
150307
- justifyContent: "space-around",
150308
- alignItems: "stretch",
150309
- height: "76px"
150303
+ flexDirection: "column",
150304
+ gap: 5
150310
150305
  }
150311
150306
  },
150312
150307
  rightEl,
@@ -150316,7 +150311,7 @@ const _FindBar = class _FindBar extends React__default.Component {
150316
150311
  Button,
150317
150312
  {
150318
150313
  minimal: true,
150319
- style: { position: "absolute", bottom: 0, right: -10 },
150314
+ style: { position: "absolute", bottom: 0, right: 0 },
150320
150315
  onClick: toggleFindTool2,
150321
150316
  icon: "cross"
150322
150317
  }
package/index.umd.js CHANGED
@@ -153058,7 +153058,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
153058
153058
  input.click();
153059
153059
  }
153060
153060
  __name(showFileDialog, "showFileDialog");
153061
- const version = "0.7.35";
153061
+ const version = "0.7.37";
153062
153062
  const packageJson = {
153063
153063
  version
153064
153064
  };
@@ -176742,19 +176742,13 @@ ${seqDataToCopy}\r
176742
176742
  minWidth: 300
176743
176743
  } : {
176744
176744
  position: "fixed",
176745
- top: 0,
176745
+ top: 120,
176746
176746
  right: 25,
176747
176747
  padding: 10,
176748
176748
  display: "flex",
176749
- alignItems: "center",
176749
+ alignItems: "start",
176750
176750
  paddingBottom: 5,
176751
- background: "white",
176752
- zIndex: "20000",
176753
- borderBottom: "1px solid lightgrey",
176754
- borderLeft: "1px solid lightgrey",
176755
- borderRight: "1px solid lightgrey",
176756
- borderBottomLeftRadius: "5px",
176757
- borderBottomRightRadius: "5px"
176751
+ zIndex: 2e4
176758
176752
  },
176759
176753
  className: "veFindBar"
176760
176754
  },
@@ -176769,7 +176763,10 @@ ${seqDataToCopy}\r
176769
176763
  autoFocus: true,
176770
176764
  style: __spreadValues({
176771
176765
  resize: "vertical"
176772
- }, !isInline && { width: 350, minHeight: 70 }),
176766
+ }, !isInline && {
176767
+ width: 350,
176768
+ height: 190
176769
+ }),
176773
176770
  className: "tg-find-tool-input",
176774
176771
  inputRef: /* @__PURE__ */ __name((n2) => {
176775
176772
  if (n2) this.inputEl = n2;
@@ -176815,12 +176812,10 @@ ${seqDataToCopy}\r
176815
176812
  "div",
176816
176813
  {
176817
176814
  style: {
176815
+ marginLeft: 10,
176818
176816
  display: "flex",
176819
- maxWidth: "400px",
176820
- flexWrap: "wrap",
176821
- justifyContent: "space-around",
176822
- alignItems: "stretch",
176823
- height: "76px"
176817
+ flexDirection: "column",
176818
+ gap: 5
176824
176819
  }
176825
176820
  },
176826
176821
  rightEl,
@@ -176830,7 +176825,7 @@ ${seqDataToCopy}\r
176830
176825
  Button,
176831
176826
  {
176832
176827
  minimal: true,
176833
- style: { position: "absolute", bottom: 0, right: -10 },
176828
+ style: { position: "absolute", bottom: 0, right: 0 },
176834
176829
  onClick: toggleFindTool2,
176835
176830
  icon: "cross"
176836
176831
  }
package/ove.css CHANGED
@@ -11520,22 +11520,30 @@ path.partWithSelectedTag {
11520
11520
  overflow: auto;
11521
11521
  max-height: 50vh;
11522
11522
  }
11523
- /* .veFindBar {
11524
- z-index: 20000;
11523
+ .veFindBar {
11524
+ background: #ffffff;
11525
11525
  border-bottom: 1px solid lightgrey;
11526
11526
  border-left: 1px solid lightgrey;
11527
11527
  border-right: 1px solid lightgrey;
11528
11528
  border-bottom-left-radius: 5px;
11529
11529
  border-bottom-right-radius: 5px;
11530
- } */
11530
+ }
11531
+
11531
11532
  .veFindBar > .bp3-control {
11532
11533
  margin-bottom: 0px;
11533
11534
  }
11534
11535
  .veFindBar > * {
11535
- margin-right: 10px;
11536
11536
  width: fit-content;
11537
11537
  }
11538
11538
 
11539
+ .bp3-dark .veFindBar {
11540
+ border-radius: 5px;
11541
+ background: #30404d !important;
11542
+ border-bottom: 1px solid #202b33 !important;
11543
+ border-left: 1px solid #202b33 !important;
11544
+ border-right: 1px solid #202b33 !important;
11545
+ }
11546
+
11539
11547
  .ve-find-options-popover > * {
11540
11548
  margin: 10px 5px;
11541
11549
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teselagen/ove",
3
- "version": "0.7.36",
3
+ "version": "0.7.38",
4
4
  "main": "./src/index.js",
5
5
  "type": "module",
6
6
  "exports": {
package/src/FindBar/index.js CHANGED
@@ -270,19 +270,13 @@ export class FindBar extends React.Component {
270
270
  }
271
271
  : {
272
272
  position: "fixed",
273
- top: 0,
273
+ top: 120,
274
274
  right: 25,
275
275
  padding: 10,
276
276
  display: "flex",
277
- alignItems: "center",
277
+ alignItems: "start",
278
278
  paddingBottom: 5,
279
- background: "white",
280
- zIndex: "20000",
281
- borderBottom: "1px solid lightgrey",
282
- borderLeft: "1px solid lightgrey",
283
- borderRight: "1px solid lightgrey",
284
- borderBottomLeftRadius: "5px",
285
- borderBottomRightRadius: "5px"
279
+ zIndex: 20000
286
280
  }
287
281
  }
288
282
  className="veFindBar"
@@ -295,7 +289,10 @@ export class FindBar extends React.Component {
295
289
  autoFocus
296
290
  style={{
297
291
  resize: "vertical",
298
- ...(!isInline && { width: 350, minHeight: 70 })
292
+ ...(!isInline && {
293
+ width: 350,
294
+ height: 190
295
+ })
299
296
  }}
300
297
  className="tg-find-tool-input"
301
298
  inputRef={n => {
@@ -347,12 +344,10 @@ export class FindBar extends React.Component {
347
344
  {!isInline && (
348
345
  <div
349
346
  style={{
347
+ marginLeft: 10,
350
348
  display: "flex",
351
- maxWidth: "400px",
352
- flexWrap: "wrap",
353
- justifyContent: "space-around",
354
- alignItems: "stretch",
355
- height: "76px"
349
+ flexDirection: "column",
350
+ gap: 5
356
351
  }}
357
352
  >
358
353
  {rightEl}
@@ -362,7 +357,7 @@ export class FindBar extends React.Component {
362
357
  {!isInline && (
363
358
  <Button
364
359
  minimal
365
- style={{ position: "absolute", bottom: 0, right: -10 }}
360
+ style={{ position: "absolute", bottom: 0, right: 0 }}
366
361
  onClick={toggleFindTool}
367
362
  icon="cross"
368
363
  />
package/src/FindBar/style.css CHANGED
@@ -1,19 +1,27 @@
1
- /* .veFindBar {
2
- z-index: 20000;
1
+ .veFindBar {
2
+ background: #ffffff;
3
3
  border-bottom: 1px solid lightgrey;
4
4
  border-left: 1px solid lightgrey;
5
5
  border-right: 1px solid lightgrey;
6
6
  border-bottom-left-radius: 5px;
7
7
  border-bottom-right-radius: 5px;
8
- } */
8
+ }
9
+
9
10
  .veFindBar > .bp3-control {
10
11
  margin-bottom: 0px;
11
12
  }
12
13
  .veFindBar > * {
13
- margin-right: 10px;
14
14
  width: fit-content;
15
15
  }
16
16
 
17
+ .bp3-dark .veFindBar {
18
+ border-radius: 5px;
19
+ background: #30404d !important;
20
+ border-bottom: 1px solid #202b33 !important;
21
+ border-left: 1px solid #202b33 !important;
22
+ border-right: 1px solid #202b33 !important;
23
+ }
24
+
17
25
  .ve-find-options-popover > * {
18
26
  margin: 10px 5px;
19
27
  }