Add filter text to closed state on mobile header

puzzle · Nov 4, 2024 · 29db26d · 29db26d
1 parent 1183a6e
commit 29db26d
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/frontend/src/app/components/application-banner/application-banner.component.html b/frontend/src/app/components/application-banner/application-banner.component.html
@@ -24,9 +24,12 @@
           >
             <mat-expansion-panel-header class="d-flex gap-2 mx-3">
               <mat-panel-title>
-                <span *ngIf="!panelOpenState; else openedPanel">{{
-                  (quarterLabel$ | async) || quarterLabel$.getValue()
-                }}</span>
+                <div class="w-100 d-flex justify-content-between">
+                  <span *ngIf="!panelOpenState; else openedPanel">{{
+                    (quarterLabel$ | async) || quarterLabel$.getValue()
+                  }}</span>
+                  <span *ngIf="!panelOpenState">Filter</span>
+                </div>
                 <ng-template #openedPanel><p>Filter</p></ng-template>
               </mat-panel-title>
             </mat-expansion-panel-header>