@pythia-software/query-table-ui 0.7.1 → 0.9.0

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.
package/dist/theme.css CHANGED
@@ -43,6 +43,13 @@
43
43
  text-overflow: ellipsis;
44
44
  white-space: nowrap;
45
45
  }
46
+ .qt-line-clamp {
47
+ display: -webkit-box;
48
+ -webkit-box-orient: vertical;
49
+ overflow: hidden;
50
+ white-space: pre-line;
51
+ overflow-wrap: anywhere;
52
+ }
46
53
  .qt-link {
47
54
  color: var(--qt-accent);
48
55
  text-decoration: none;
@@ -4500,6 +4507,18 @@
4500
4507
  .qt-metric--compact .qt-metric-legend-share {
4501
4508
  color: var(--qt-metric-muted,var(--qt-muted,#68717d));
4502
4509
  }
4510
+ .qt-metric .qt-metric-inspectable {
4511
+ cursor: pointer;
4512
+ outline: none;
4513
+ border-radius: 3px;
4514
+ }
4515
+ .qt-metric .qt-metric-inspectable:hover {
4516
+ background: color-mix(in srgb, var(--qt-metric-accent, var(--qt-accent, #3979c3)) 8%, transparent);
4517
+ }
4518
+ .qt-metric .qt-metric-inspectable:focus-visible {
4519
+ outline: 2px solid var(--qt-metric-accent, var(--qt-accent, #3979c3));
4520
+ outline-offset: 2px;
4521
+ }
4503
4522
 
4504
4523
  /* src/metricsEditor.css */
4505
4524
  .qt-metrics-editor.qt-modal {
@@ -4925,6 +4944,15 @@
4925
4944
  flex-direction: column;
4926
4945
  gap: 10px;
4927
4946
  }
4947
+ .qt-metric-where {
4948
+ display: grid;
4949
+ gap: 6px;
4950
+ margin-top: 4px;
4951
+ min-width: 0;
4952
+ }
4953
+ .qt-metric-where > strong {
4954
+ font-size: 0.85em;
4955
+ }
4928
4956
  .qt-metric-scope {
4929
4957
  display: flex;
4930
4958
  background: var(--qt-header-bg, #f6f8fa);
@@ -7282,6 +7310,28 @@
7282
7310
  font-size: 12px;
7283
7311
  line-height: 1.5;
7284
7312
  }
7313
+ .qt-column-link-spec {
7314
+ display: grid;
7315
+ gap: 8px;
7316
+ margin: 8px 0 12px;
7317
+ font-size: 12px;
7318
+ }
7319
+ .qt-column-link-spec > div {
7320
+ display: grid;
7321
+ grid-template-columns: minmax(90px, max-content) minmax(0, 1fr);
7322
+ gap: 10px;
7323
+ }
7324
+ .qt-column-link-spec dt {
7325
+ color: var(--qt-muted);
7326
+ }
7327
+ .qt-column-link-spec dd {
7328
+ margin: 0;
7329
+ overflow-wrap: anywhere;
7330
+ }
7331
+ .qt-column-link > .qt-muted {
7332
+ font-size: 11px;
7333
+ line-height: 1.5;
7334
+ }
7285
7335
  .qt-column-another {
7286
7336
  margin-top: 18px;
7287
7337
  font-size: 12px;
@@ -7751,6 +7801,23 @@
7751
7801
  width: 100%;
7752
7802
  box-sizing: border-box;
7753
7803
  }
7804
+ .qt-column-format-controls {
7805
+ display: flex;
7806
+ flex-wrap: wrap;
7807
+ gap: 6px;
7808
+ }
7809
+ .qt-column-format-controls select {
7810
+ flex: 1 1 110px;
7811
+ min-width: 0;
7812
+ }
7813
+ .qt-column-format-controls input {
7814
+ flex: 0 0 72px;
7815
+ width: 72px;
7816
+ box-sizing: border-box;
7817
+ }
7818
+ .qt-column-format + .qt-column-custom-choice {
7819
+ margin-top: 12px;
7820
+ }
7754
7821
  .qt-column-formula .qt-formula-editor {
7755
7822
  min-width: 0;
7756
7823
  }