From c361aca6e9fbd59bf1686386d06d5e67ae703a21 Mon Sep 17 00:00:00 2001
From: bmckinney <mckinney.sw@gmail.com>
Date: Fri, 1 Sep 2023 10:05:53 -0500
Subject: [PATCH] mobile hamburger fix for firefox/safari (take two)

---
 src/app/navbar/navbar.component.scss | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/app/navbar/navbar.component.scss b/src/app/navbar/navbar.component.scss
index 441ee82c968..b7c19cbe772 100644
--- a/src/app/navbar/navbar.component.scss
+++ b/src/app/navbar/navbar.component.scss
@@ -5,17 +5,19 @@ nav.navbar {
 
 /** Mobile menu styling **/
 @media screen and (max-width: map-get($grid-breakpoints, md)-0.02) {
-    .navbar {
-        width: 100%;
-        background-color: var(--bs-white);
-        position: absolute;
-        overflow: hidden;
-        height: 0;
-        &.open {
-          height: auto;
-          min-height: 100vh; //doesn't matter because wrapper is sticky
-        }
+  .navbar {
+    // changed from percent to vw, see: https://github.com/DSpace/dspace-angular/pull/2444
+    width: 100vw;
+    background-color: var(--bs-white);
+    // removed to fix safari mobile hamburger menu not working
+    // see: https://github.com/DSpace/dspace-angular/pull/2444
+    //position: absolute;
+    overflow: hidden;
+    height: 0;
+    &.open {
+      height: 100vh; //doesn't matter because wrapper is sticky
     }
+  }
 }
 
 @media screen and (min-width: map-get($grid-breakpoints, md)) {