Filters in search page: don't render mobile filters, if burger menu is not active

searchPages/searchUtils/newSearchPage.component.html

@@ -165,7 +165,7 @@
                   [texts]="pageContents['top']"></helper>
           <div [class]="showRefine? 'uk-width-4-5@m  uk-width-4-5@l  uk-width-1-1@s' :'uk-width-1-1'">
             <div *ngIf="showRefine" class="uk-hidden@m  uk-margin-top">
-              <a href="#mobile-filters" uk-toggle>
+              <a href="#mobile-filters" uk-toggle (click)="showOffCanvas=true;">
                 <span class="uk-icon uk-margin-small-right uk-margin-small-left">
                   <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
 											data-svg="settings">
@@ -187,10 +187,10 @@
               <div #mobileFilters id="mobile-filters" uk-offcanvas="overlay: true" style="z-index:10000;">
                 <!-- TODO - Kostis check offcanvas-white -->
                 <div class="uk-offcanvas-bar offcanvas-white">
-                  <a class="uk-offcanvas-close uk-link-text">
+                  <a class="uk-offcanvas-close uk-link-text" (click)="showOffCanvas=false">
                     <icon name="close" visuallyHidden="close Filters"></icon>
                   </a>
-                  <div class="uk-width-1-1">
+                  <div *ngIf="showOffCanvas" class="uk-width-1-1">
                     <ng-container *ngTemplateOutlet="filters_column; context: {}"></ng-container>
                   </div>
                 </div>

searchPages/searchUtils/newSearchPage.component.ts

@@ -129,7 +129,7 @@ export class NewSearchPageComponent {
   currentValueToRemove;
   currentFilterToRemove;
   public indexUpdateDate: Date;
-	
+  showOffCanvas:boolean = false;
 	// public resultsPerPageOptions = [
 	// 	{label: '5', value: '5'},
 	// 	{label: '10', value: '10'},