Added toogle of filters icon.

src/components/header/Header.vue

@@ -3,7 +3,8 @@
     <!-- <Filters /> -->
     <div class="top-bar">
       <h1 style="margin-top: auto; margin-bottom: auto;">ANTARSTICK</h1>
-      <filter-icon class="icon" />
+      <filter-icon class="icon" v-if="filtersAreHidden" @click="onToggleShowFilters" />
+      <filter-off-icon class="icon" v-else @click="onToggleShowFilters" />
       <map-legend-icon class="icon" />
       <content-save-icon
         class="icon"
@@ -25,6 +26,7 @@ import Filters from '@/components/header/Filters.vue'
 
 import ContentSaveIcon from 'icons/ContentSave'
 import FilterIcon from 'icons/Filter'
+import FilterOffIcon from 'icons/FilterOff'
 import MapLegendIcon from 'icons/MapLegend'
 
 export default {
@@ -36,8 +38,14 @@ export default {
 
     ContentSaveIcon,
     FilterIcon,
+    FilterOffIcon,
     MapLegendIcon
   },
+  data() {
+    return {
+      filtersAreHidden: true
+    }
+  },
   computed: {
     pendingPostRequestsCount() {
       return this.$store.getters.pendingPostRequestsCount
@@ -49,6 +57,9 @@ export default {
   methods: {
     commitChangesToDisk() {
       this.$store.dispatch('commitChangesToDisk')
+    },
+    onToggleShowFilters() {
+      this.filtersAreHidden = !this.filtersAreHidden
     }
   }
 }