Merge pull request #1646 from jplag/report-viewer/fix-cluster-text

show hover text all the time

report-viewer/src/components/ClusterGraph.vue

@@ -1,13 +1,13 @@
 <template>
-  <div class="print:max-h-full print:max-w-full">
-    <div class="print:max-h-full print:max-w-full">
-      <canvas ref="graphCanvas" class="print:max-h-full print:max-w-full"></canvas>
-      <div
-        v-if="!allComparisonsPresent"
-        class="mt-8 text-xs font-bold text-gray-500 dark:text-gray-400"
-      >
+  <div class="flex max-h-full flex-col overflow-hidden print:max-w-full">
+    <div class="flex max-h-full flex-col overflow-hidden print:max-w-full">
+      <canvas
+        ref="graphCanvas"
+        class="min-h-0 flex-grow print:max-h-full print:max-w-full"
+      ></canvas>
+      <div class="mt-5 text-xs font-bold text-gray-500 dark:text-gray-400 print:hidden">
         <p>Hover over an edge to highlight it in the table.</p>
-        <p class="mt-2">
+        <p class="mt-2" v-if="!allComparisonsPresent">
           Not all comparisons of this cluster are present. These comparisons are indicated by the
           dashed lines. <br />
           To include more comparisons, increase the number of increased comparisons in the CLI.

report-viewer/src/components/ClusterRadarChart.vue

@@ -15,7 +15,7 @@
       <div class="flex min-h-0 flex-grow justify-center">
         <Radar :data="chartData" :options="radarChartOptions" />
       </div>
-      <div class="text-xs font-bold text-gray-500 dark:text-gray-400">
+      <div class="text-xs font-bold text-gray-500 dark:text-gray-400 print:hidden">
         <p>
           This Chart shows the average similarity of the selected submission to the other
           submissions in the cluster. <br />