TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-28 05:14:12 +03:00
Code Issues Projects Releases Wiki Activity

Updated word break for name and email in navbar

Browse Source 
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
This commit is contained in:
Peter Zimon 2019-07-17 12:31:45 +02:00
parent 0a69e3e722
commit 31a3fe7c48
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ghost/admin/app/styles/layouts/main.css
View File

@ -67,19 +67,29 @@
} }
.gh-user-name { .gh-user-name {
margin: -2px 8px 5px 0; margin: -2px 8px 2px 0;
padding: 0 0 3px 0;
word-break: break-all; word-break: break-all;
font-weight: 600; font-weight: 600;
line-height: 1.1em; line-height: 1.1em;
max-width: 160px;
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap;
} }
.gh-user-email { .gh-user-email {
margin: -1px 8px 0 0; margin: -1px 8px -3px 0;
padding: 0 0 3px 0;
word-break: break-all; word-break: break-all;
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 400; font-weight: 400;
line-height: 1.1em; line-height: 1.1em;
color: var(--middarkgrey); color: var(--middarkgrey);
max-width: 160px;
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap;
} }
/* Global Nav /* Global Nav

4
ghost/admin/app/templates/components/gh-nav-menu.hbs
View File

@ -100,8 +100,8 @@
<div class="flex-auto flex items-center"> <div class="flex-auto flex items-center">
<div class="gh-user-avatar" style={{background-image-style session.user.profileImageUrl}}></div> <div class="gh-user-avatar" style={{background-image-style session.user.profileImageUrl}}></div>
<div class="flex flex-column items-start justify-center"> <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-name {{if session.user.name "mb1"}}" title="{{session.user.name}}">{{session.user.name}}</span>
<span class="gh-user-email">{{session.user.email}}</span> <span class="gh-user-email" title="{{session.user.email}}">{{session.user.email}}</span>
</div> </div>
</div> </div>
{{svg-jar "arrow-down" class="w3 mr1 fill-darkgrey"}} {{svg-jar "arrow-down" class="w3 mr1 fill-darkgrey"}}