From 249b7b0b66733af383d2b9d22f39e4ec31e6d4ed 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>
---
 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 6040ccf465..a88b11f9fc 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