AW-2081 Align avatar

This commit is contained in:
Peter Bastiani 2021-05-04 11:28:43 +02:00
parent 3504990708
commit 771e388f0e
3 changed files with 7 additions and 1 deletions

View File

@ -1,5 +1,6 @@
<span class="avatar-container" [title]="name"> <span class="avatar-container" [title]="name">
<ngx-avatar <ngx-avatar
class="farmmaps-avatar"
[src]="src" [src]="src"
[name]="name" [name]="name"
[size]="size" [size]="size"

View File

@ -1,6 +1,7 @@
.avatar-container { .avatar-container {
position: relative; position: relative;
} }
.avatar-text { .avatar-text {
position: absolute; position: absolute;
top: 25px; top: 25px;
@ -10,4 +11,8 @@
color: white; color: white;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
}
.farmmaps-avatar /deep/ .avatar-content {
vertical-align: top;
} }

View File

@ -5,7 +5,7 @@ import { AppConfig } from '../../shared/app.config';
@Component({ @Component({
selector: 'fm-avatar', selector: 'fm-avatar',
templateUrl: './avatar.component.html', templateUrl: './avatar.component.html',
styleUrls: ['./avatar.component.css'] styleUrls: ['./avatar.component.scss']
}) })
export class AvatarComponent implements OnInit { export class AvatarComponent implements OnInit {