From 2ccaaaceefde362941e8eda25e9cef85c054e3f1 Mon Sep 17 00:00:00 2001
From: Axel Lorens <axelnlorens@gmail.com>
Date: Tue, 22 Oct 2024 12:39:27 -0700
Subject: [PATCH] added responsive on toolbar (search)

---
 .../reports/reports-myplanet.component.html                | 4 ++--
 .../reports/reports-myplanet.component.scss                | 7 +++++++
 .../reports/reports-myplanet.component.ts                  | 3 ++-
 3 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 src/app/manager-dashboard/reports/reports-myplanet.component.scss

diff --git a/src/app/manager-dashboard/reports/reports-myplanet.component.html b/src/app/manager-dashboard/reports/reports-myplanet.component.html
index b153e59fb4..3a590a56c3 100755
--- a/src/app/manager-dashboard/reports/reports-myplanet.component.html
+++ b/src/app/manager-dashboard/reports/reports-myplanet.component.html
@@ -1,12 +1,12 @@
 <!-- Request template -->
-<mat-toolbar>
+<mat-toolbar class="responsive-toolbar">
   <button class="btnBack" mat-icon-button routerLink="/manager">
     <mat-icon>arrow_back</mat-icon>
   </button>
   <span i18n>myPlanet Report</span>
   <span class="toolbar-fill"></span>
   <mat-icon>search</mat-icon>
-  <mat-form-field class="font-size-1">
+  <mat-form-field class="font-size-1 search-bar">
     <input matInput (keyup)="filterData($event.target.value)" [value]="searchValue" i18n-placeholder placeholder="Search">
   </mat-form-field>
 </mat-toolbar>
diff --git a/src/app/manager-dashboard/reports/reports-myplanet.component.scss b/src/app/manager-dashboard/reports/reports-myplanet.component.scss
new file mode 100644
index 0000000000..f9c9287023
--- /dev/null
+++ b/src/app/manager-dashboard/reports/reports-myplanet.component.scss
@@ -0,0 +1,7 @@
+@import '../../variables';
+
+@media (max-width: $screen-sm) {
+    .search-bar {
+        overflow: hidden;
+    }    
+}
\ No newline at end of file
diff --git a/src/app/manager-dashboard/reports/reports-myplanet.component.ts b/src/app/manager-dashboard/reports/reports-myplanet.component.ts
index 3d5669ca23..6752a060e8 100755
--- a/src/app/manager-dashboard/reports/reports-myplanet.component.ts
+++ b/src/app/manager-dashboard/reports/reports-myplanet.component.ts
@@ -12,7 +12,8 @@ import { switchMap, map } from 'rxjs/operators';
 import { findDocuments } from '../../shared/mangoQueries';
 
 @Component({
-  templateUrl: './reports-myplanet.component.html'
+  templateUrl: './reports-myplanet.component.html',
+  styleUrls: ['./reports-myplanet.component.scss'],
 })
 export class ReportsMyPlanetComponent implements OnInit {