inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-31 17:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACA-770] User name - long text ellipsis (#87)

Browse Source
This commit is contained in:
Cilibiu Bogdan
2017-11-27 10:31:49 +02:00
committed by suzanadirla
parent ca8231496a
commit b1b9e04db6
2 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/components/current-user/current-user.component.html
View File

@@ -1,13 +1,11 @@
<div> <div>
<div title="{{ user?.id }}"> <div title="{{ user?.id }}">
<span> <div class="current-user__full-name">{{ userName }}</div>
<span class="current-user__full-name">{{ userName }}</span> <div
<span class="current-user__avatar am-avatar am-avatar--light"
class="current-user__avatar am-avatar am-avatar--light" [matMenuTriggerFor]="userMenu">
[matMenuTriggerFor]="userMenu"> {{ userInitials }}
{{ userInitials }} </div>
</span>
</span>
</div> </div>
<mat-menu #userMenu="matMenu" [overlapTrigger]="false"> <mat-menu #userMenu="matMenu" [overlapTrigger]="false">

13
src/app/components/current-user/current-user.component.scss
View File

@@ -33,4 +33,17 @@ $am-avatar-dark-bg: rgba(black, .15);
background: $am-avatar-dark-bg; background: $am-avatar-dark-bg;
} }
} }
.current-user__full-name {
width: 100px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display:inline-block;
height: 20px;
font-size: 14px;
line-height: 1.43;
letter-spacing: -0.2px;
}
} }