fix: when to display compare time, offset avoid clip

eurodatacube · Jul 28, 2023 · 4c9ee28 · 4c9ee28
1 parent c9d4566
commit 4c9ee28
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git a/app/src/components/IndicatorData.vue b/app/src/components/IndicatorData.vue
@@ -1759,10 +1759,13 @@ export default {
         borderDash: [4, 4],
         borderWidth: 3,
         label: {
+          xPadding: 3,
+          yPadding: 3,
+          xAdjust: -28,
           enabled: true,
           content: 'Map layer',
           fontSize: 10,
-          backgroundColor: 'rgba(0,0,0,0.5)',
+          backgroundColor: 'rgba(0,0,0,0.4)',
         },
       };
 
@@ -1779,6 +1782,7 @@ export default {
           label: {
             ...defaultTimeAnnotation.label,
             content: 'Compare layer',
+            xAdjust: 38,
           },
         });
       }

diff --git a/app/src/components/map/Map.vue b/app/src/components/map/Map.vue
@@ -617,24 +617,24 @@ export default {
         });
       } else {
         this.$emit('update:comparelayertime', enabled ? this.compareLayerTime.name : null);
-        if (enabled) {
-          window.postMessage({
-            command: 'chart:setCompareTime',
-            time: this.compareLayerTime.value.isLuxonDateTime
-              ? this.compareLayerTime.value.toISODate()
-              : this.compareLayerTime.value,
-          });
-        } else {
-          window.postMessage({
-            command: 'chart:setCompareTime',
-            time: null,
-          });
-        }
+      }
+      if (enabled) {
+        window.postMessage({
+          command: 'chart:setCompareTime',
+          time: this.compareLayerTime.value.isLuxonDateTime
+            ? this.compareLayerTime.value.toISODate()
+            : this.compareLayerTime.value,
+        });
+      } else {
+        window.postMessage({
+          command: 'chart:setCompareTime',
+          time: null,
+        });
       }
     },
     compareLayerTime(timeObj) {
       this.$emit('update:comparelayertime', this.enableCompare ? timeObj.name : null);
-      if (timeObj) {
+      if (timeObj && this.enableCompare) {
         window.postMessage({
           command: 'chart:setCompareTime',
           time: timeObj.value.isLuxonDateTime