Merge pull request #567 from marcel-bitfly/BIDS-3203/fix-overflowing-…

…text Fix overflowing text in `SlotVizToolTip`
gobitfly · Jul 10, 2024 · fd02d73 · fd02d73
2 parents e38cbd5 + a26ec4b
commit fd02d73
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
+          }
+        }
       }
     }
   }