From ed9b20665f517b6671e023b154ca0ac813176449 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pierre-=C3=89tienne=20Lord?=
 <pierre-etienne.lord@transports.gouv.qc.ca>
Date: Thu, 21 Sep 2023 14:32:59 -0400
Subject: [PATCH] fix(portal): search bar position when open/close sidenav

---
 src/app/pages/portal/portal.component.html | 2 +-
 src/app/pages/portal/portal.component.scss | 7 -------
 src/app/pages/portal/portal.variables.scss | 2 +-
 3 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/app/pages/portal/portal.component.html b/src/app/pages/portal/portal.component.html
index 8509c9185..db7574d47 100644
--- a/src/app/pages/portal/portal.component.html
+++ b/src/app/pages/portal/portal.component.html
@@ -3,7 +3,7 @@
     <igo-backdrop [shown]="backdropShown" (click)="onBackdropClick()">
     </igo-backdrop>
 
-    <div class="navbar-container" [class.navbar-fixed]="sidenavOpened">
+    <div class="navbar-container">
       <igo-menu-button
         *ngIf="showMenuButton"
         [class.mat-elevation-z2]="!sidenavOpened"
diff --git a/src/app/pages/portal/portal.component.scss b/src/app/pages/portal/portal.component.scss
index e3b81ffff..8d60bd873 100644
--- a/src/app/pages/portal/portal.component.scss
+++ b/src/app/pages/portal/portal.component.scss
@@ -16,13 +16,6 @@
     max-width: $search-bar-width;
     z-index: 4;
 
-    &.navbar-fixed {
-      left: 0;
-      top: 0;
-      height: $app-sidenav-margin-top;
-      align-items: center;
-    }
-
     @include mobile {
       width: $search-bar-width-mobile;
       max-width: min($search-bar-width-mobile, 350px);
diff --git a/src/app/pages/portal/portal.variables.scss b/src/app/pages/portal/portal.variables.scss
index 2544688b5..ccd8e513f 100644
--- a/src/app/pages/portal/portal.variables.scss
+++ b/src/app/pages/portal/portal.variables.scss
@@ -43,7 +43,7 @@ $app-sidenav-width-mobile: calc(
 );
 
 $search-bar-left: $igo-icon-size + $igo-margin;
-$search-bar-width: $app-sidenav-width;
+$search-bar-width: calc($app-sidenav-width - $igo-margin);
 $search-bar-width-mobile: calc(
   100% - #{$app-mobile-min-space-right} - (2 * #{$igo-margin})
 );