@pythia-software/query-table-ui 0.7.0 → 0.8.0

package/dist/theme.css

@@ -43,6 +43,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.qt-line-clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  white-space: pre-line;
+  overflow-wrap: anywhere;
+}
 .qt-link {
   color: var(--qt-accent);
   text-decoration: none;
@@ -4455,6 +4462,63 @@
     animation: none;
   }
 }
+.qt-metric-chart-body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  position: relative;
+}
+.qt-metric-tooltip {
+  display: flex;
+  align-items: baseline;
+  gap: .4rem;
+}
+.qt-metric-tooltip > .qt-metric-swatch {
+  flex: none;
+}
+.qt-metric--compact :is(.qt-metric-legend-top, .qt-metric-legend-bottom) > .qt-metric-legend--composition {
+  display: grid;
+  grid-template-columns: repeat(var(--qt-metric-legend-columns,2), minmax(0, 1fr));
+  flex: none;
+  width: 100%;
+  max-width: 100%;
+  max-height: none;
+  gap: .25rem .75rem;
+}
+.qt-metric--compact .qt-metric-legend li {
+  display: flex;
+  min-width: 0;
+  font-size: .6875rem;
+}
+.qt-metric--compact .qt-metric-legend-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.qt-metric--compact :is(.qt-metric-legend-value, .qt-metric-legend-share) {
+  flex: none;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+.qt-metric--compact .qt-metric-legend-share {
+  color: var(--qt-metric-muted,var(--qt-muted,#68717d));
+}
+.qt-metric .qt-metric-inspectable {
+  cursor: pointer;
+  outline: none;
+  border-radius: 3px;
+}
+.qt-metric .qt-metric-inspectable:hover {
+  background: color-mix(in srgb, var(--qt-metric-accent, var(--qt-accent, #3979c3)) 8%, transparent);
+}
+.qt-metric .qt-metric-inspectable:focus-visible {
+  outline: 2px solid var(--qt-metric-accent, var(--qt-accent, #3979c3));
+  outline-offset: 2px;
+}
 
 /* src/metricsEditor.css */
 .qt-metrics-editor.qt-modal {
@@ -4880,6 +4944,15 @@
   flex-direction: column;
   gap: 10px;
 }
+.qt-metric-where {
+  display: grid;
+  gap: 6px;
+  margin-top: 4px;
+  min-width: 0;
+}
+.qt-metric-where > strong {
+  font-size: 0.85em;
+}
 .qt-metric-scope {
   display: flex;
   background: var(--qt-header-bg, #f6f8fa);
@@ -7237,6 +7310,28 @@
   font-size: 12px;
   line-height: 1.5;
 }
+.qt-column-link-spec {
+  display: grid;
+  gap: 8px;
+  margin: 8px 0 12px;
+  font-size: 12px;
+}
+.qt-column-link-spec > div {
+  display: grid;
+  grid-template-columns: minmax(90px, max-content) minmax(0, 1fr);
+  gap: 10px;
+}
+.qt-column-link-spec dt {
+  color: var(--qt-muted);
+}
+.qt-column-link-spec dd {
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.qt-column-link > .qt-muted {
+  font-size: 11px;
+  line-height: 1.5;
+}
 .qt-column-another {
   margin-top: 18px;
   font-size: 12px;
@@ -7706,6 +7801,23 @@
   width: 100%;
   box-sizing: border-box;
 }
+.qt-column-format-controls {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.qt-column-format-controls select {
+  flex: 1 1 110px;
+  min-width: 0;
+}
+.qt-column-format-controls input {
+  flex: 0 0 72px;
+  width: 72px;
+  box-sizing: border-box;
+}
+.qt-column-format + .qt-column-custom-choice {
+  margin-top: 12px;
+}
 .qt-column-formula .qt-formula-editor {
   min-width: 0;
 }