From 6cd0aea29906e4e12d52c0aa3f3c86368b350a2d Mon Sep 17 00:00:00 2001
From: Jason Boyer <JBoyer@equinoxOLI.org>
Date: Wed, 2 Mar 2022 06:54:29 -0500
Subject: [PATCH] Hide username and password in eg2 when screen is narrow

The Angular staff client navbar doesn't collapse when the screen is narrow
but currently the username and password can wrap, pushing the navbar over
the content. This patch doesn't add a collapsing navbar but hiding the user
information does at least stop the navbar from growing.

Signed-off-by: Jason Boyer <JBoyer@equinoxOLI.org>
Signed-off-by: rfrasur <rfrasur@library.in.gov>
Signed-off-by: Mike Rylander <mrylander@gmail.com>
---
 Open-ILS/src/eg2/src/app/staff/nav.component.css  | 7 +++++++
 Open-ILS/src/eg2/src/app/staff/nav.component.html | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/Open-ILS/src/eg2/src/app/staff/nav.component.css b/Open-ILS/src/eg2/src/app/staff/nav.component.css
index cb779b02ba..2df005a88a 100644
--- a/Open-ILS/src/eg2/src/app/staff/nav.component.css
+++ b/Open-ILS/src/eg2/src/app/staff/nav.component.css
@@ -69,3 +69,10 @@
     align-items: center;
 }
 
+/* Hide the username@workstation if the screen is too narrow.
+Based on the hidden-sm class selector in Bootstrap. */
+@media (max-width: 991px) {
+    .navbar-user {
+        display: none !important
+    }
+}
diff --git a/Open-ILS/src/eg2/src/app/staff/nav.component.html b/Open-ILS/src/eg2/src/app/staff/nav.component.html
index 76f4e71067..6440486430 100644
--- a/Open-ILS/src/eg2/src/app/staff/nav.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/nav.component.html
@@ -405,7 +405,7 @@
 
 
     <div class="navbar-nav mr-auto"></div>
-    <div class="navbar-nav" *ngIf="user()">
+    <div class="navbar-nav navbar-user" *ngIf="user()">
       <span i18n>{{user()}} @ {{workstation()}}</span>
     </div>
     <div class="navbar-nav" *ngIf="locales.length > 1 && currentLocale">
-- 
2.11.0