fix scottbedard#144, month labels not rendering on firefox

Studsministern · Mar 31, 2023 · 6a2c436 · 6a2c436
1 parent 8df4dcb
commit 6a2c436
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/SvelteHeatmap.svelte b/src/SvelteHeatmap.svelte
@@ -30,7 +30,7 @@
                 </text>
             {/each}
         {/if}
-        <g transform={`translate(${dayLabelWidth})`}>
+        <g transform={`translate(${dayLabelWidth}, ${monthLabelHeight})`}>
             {#each chunks as chunk, index}
                 <Week
                     cellRadius={cellRadius}
@@ -115,8 +115,8 @@ $: chunks = view === 'monthly'
 $: weekRect = (7 * cellRect) - cellGap;
 
 $: height = view === 'monthly'
-    ? (6 * cellRect) - cellGap + monthLabelHeight // <- max of 6 rows in monthly view
-    : weekRect + monthLabelHeight;
+    ? (6 * cellRect) - cellGap + (2 * monthLabelHeight) // <- max of 6 rows in monthly view
+    : weekRect + (2 * monthLabelHeight);
 
 $: width = view === 'monthly'
     ? ((weekRect + monthGap) * chunks.length) - monthGap

diff --git a/src/views/Month.svelte b/src/views/Month.svelte
@@ -1,4 +1,4 @@
-<g transform={`translate(${translation}, 0)`}>
+<g transform={`translate(${translation}, ${monthLabelHeight})`}>
     {#each days as day}
         <Cell
             color={day.color}