mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-26 20:34:02 +03:00
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
This commit is contained in:
parent
0a69e3e722
commit
31a3fe7c48
@ -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
|
||||
|
@ -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"}}
|
||||
|
Loading…
Reference in New Issue
Block a user