Fix overflowing text in SlotVizToolTip

See: BIDS-3203
marcel-bitfly · Jul 9, 2024 · a26ec4b · a26ec4b
1 parent 6c1c06b
commit a26ec4b
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/frontend/components/slot/viz/SlotVizTooltip.vue b/frontend/components/slot/viz/SlotVizTooltip.vue
@@ -300,6 +300,16 @@ const data = computed(() => {
         align-items: flex-start;
         word-wrap: nowrap;
         white-space: nowrap;
+        .validators {
+          display: grid;
+          grid-template-columns: 1fr 1fr 1fr;
+          gap: var(--padding-tiny);
+          // otherwise the text: `...and XX more` will mess up the first column
+          > span:not(:has(> a)) {
+              grid-column: span 2;
+              text-align: left
+          }
+        }
       }
     }
   }