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:
Peter Zimon 2019-07-17 12:31:45 +02:00
parent 0a69e3e722
commit 31a3fe7c48
2 changed files with 14 additions and 4 deletions

View File

@ -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

View File

@ -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"}}