summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--web_src/js/components/ActivityHeatmap.vue7
1 files changed, 7 insertions, 0 deletions
diff --git a/web_src/js/components/ActivityHeatmap.vue b/web_src/js/components/ActivityHeatmap.vue
index df7e0beb00..6cd72a8bf7 100644
--- a/web_src/js/components/ActivityHeatmap.vue
+++ b/web_src/js/components/ActivityHeatmap.vue
@@ -33,6 +33,7 @@ export default {
data: () => ({
colorRange: [
'var(--color-secondary-alpha-70)',
+ 'var(--color-secondary-alpha-70)',
'var(--color-primary-light-4)',
'var(--color-primary-light-2)',
'var(--color-primary)',
@@ -50,6 +51,12 @@ export default {
return s;
}
},
+ mounted() {
+ // work around issue with first legend color being rendered twice and legend cut off
+ const legend = document.querySelector('.vch__external-legend-wrapper');
+ legend.setAttribute('viewBox', '12 0 80 10');
+ legend.style.marginRight = '-12px';
+ },
methods: {
handleDayClick(e) {
// Reset filter if same date is clicked