Remove filters from narrow display, rely on alternative filters

CSCfi · Mar 13, 2024 · 0042856 · 0042856
1 parent a67d5dc
commit 0042856
Showing 1 changed file with 18 additions and 18 deletions.
diff --git 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>