From 0042856ea4dde6275238f5854afbc585e80b8d88 Mon Sep 17 00:00:00 2001
From: Olli Mannevaara <olli.mannevaara@identio.fi>
Date: Wed, 13 Mar 2024 10:13:55 +0200
Subject: [PATCH] Remove filters from narrow display, rely on alternative
 filters

---
 .../publications2.component.html              | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/app/portal/components/results/publications2/publications2.component.html b/src/app/portal/components/results/publications2/publications2.component.html
index 0a434924e..4eeab11ed 100644
--- a/src/app/portal/components/results/publications2/publications2.component.html
+++ b/src/app/portal/components/results/publications2/publications2.component.html
@@ -667,27 +667,27 @@ <h2>Julkaisut - {{total$ | async}}</h2>
     </div>
   </ng-container>
 
-  <div class='search-filters' >
-    <!-- showAsVisual = $localize`:@@showAsVisual:Näytä kuvana`; -->
-    <!-- *ngIf="(tab === 'publications' || tab === 'fundings') && !mobile" -->
-
-    <div style='background-color: #e8e8f5; padding: 15px 0; margin-bottom: 10px'>
-      <div class="justify-content-center align-items-center d-none d-lg-flex visual-button-container">
-        <app-primary-action-button
-          content="Näytä kuvana"
-          i18n-content="@@showAsVisual"
-          [icon]="faChartBar"
-          [disabled]="true"
-        ></app-primary-action-button>
+  <ng-container *ngIf='(narrowBreakpoint$ | async) === false'>
+    <div class='search-filters' >
+      <!-- showAsVisual = $localize`:@@showAsVisual:Näytä kuvana`; -->
+      <!-- *ngIf="(tab === 'publications' || tab === 'fundings') && !mobile" -->
+
+      <div style='background-color: #e8e8f5; padding: 15px 0; margin-bottom: 10px'>
+        <div class="justify-content-center align-items-center d-none d-lg-flex visual-button-container">
+          <app-primary-action-button
+            content="Näytä kuvana"
+            i18n-content="@@showAsVisual"
+            [icon]="faChartBar"
+            [disabled]="true"
+          ></app-primary-action-button>
+        </div>
       </div>
-    </div>
 
-    <div style='background-color: #e8e8f5; padding: 16px'>
-      <ng-container *ngTemplateOutlet="searchFilters"></ng-container>
+      <div style='background-color: #e8e8f5; padding: 16px'>
+        <ng-container *ngTemplateOutlet="searchFilters"></ng-container>
+      </div>
     </div>
-  </div>
-
-
+  </ng-container>
 
   <div class='search-combination'>
     <div>