From 31a3fe7c48a3b9556fff2c22bffeee43f989f251 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Wed, 17 Jul 2019 12:31:45 +0200
Subject: [PATCH] Updated word break for name and email in navbar

no refs.
- fixed the issue that long name and email in left sidebar were breaking into multiple lines
- added title attribute to name and email
---
 ghost/admin/app/styles/layouts/main.css            | 14 ++++++++++++--
 .../admin/app/templates/components/gh-nav-menu.hbs |  4 ++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/main.css b/ghost/admin/app/styles/layouts/main.css
index 8727be8ab2..691d8e75c6 100644
--- a/ghost/admin/app/styles/layouts/main.css
+++ b/ghost/admin/app/styles/layouts/main.css
@@ -67,19 +67,29 @@
 }
 
 .gh-user-name {
-    margin: -2px 8px 5px 0;
+    margin: -2px 8px 2px 0;
+    padding: 0 0 3px 0;
     word-break: break-all;
     font-weight: 600;
     line-height: 1.1em;
+    max-width: 160px;
+    text-overflow: ellipsis;
+    overflow-x: hidden;
+    white-space: nowrap;
 }
 
 .gh-user-email {
-    margin: -1px 8px 0 0;
+    margin: -1px 8px -3px 0;
+    padding: 0 0 3px 0;
     word-break: break-all;
     font-size: 1.25rem;
     font-weight: 400;
     line-height: 1.1em;
     color: var(--middarkgrey);
+    max-width: 160px;
+    text-overflow: ellipsis;
+    overflow-x: hidden;
+    white-space: nowrap;
 }
 
 /* Global Nav
diff --git a/ghost/admin/app/templates/components/gh-nav-menu.hbs b/ghost/admin/app/templates/components/gh-nav-menu.hbs
index 484b601e07..6581c8a7e9 100644
--- a/ghost/admin/app/templates/components/gh-nav-menu.hbs
+++ b/ghost/admin/app/templates/components/gh-nav-menu.hbs
@@ -100,8 +100,8 @@
                 <div class="flex-auto flex items-center">
                     <div class="gh-user-avatar" style={{background-image-style session.user.profileImageUrl}}></div>
                     <div class="flex flex-column items-start justify-center">
-                        <span class="gh-user-name {{if session.user.name "mb1"}}">{{session.user.name}}</span>
-                        <span class="gh-user-email">{{session.user.email}}</span>
+                        <span class="gh-user-name {{if session.user.name "mb1"}}" title="{{session.user.name}}">{{session.user.name}}</span>
+                        <span class="gh-user-email" title="{{session.user.email}}">{{session.user.email}}</span>
                     </div>
                 </div>
                 {{svg-jar "arrow-down" class="w3 mr1 fill-darkgrey"}}