fix link preview overflow bug

This commit is contained in:
Nicolas Constant 2020-03-14 12:46:40 -04:00
parent 48e29110c3
commit e6de932764
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 5 additions and 4 deletions

View File

@ -1,5 +1,5 @@
<div class="card-data" *ngIf="card.type === 'link' || card.type === 'video'">
<a *ngIf="card.type === 'link'" class="card-data__link" href="{{ card.url }}" target="_blank" title="{{ card.title }}">
<a *ngIf="card.type === 'link'" class="card-data__link" href="{{ card.url }}" target="_blank" title="{{ card.title }} &#10;{{ host }}">
<img *ngIf="card.image" class="card-data__link--image" src="{{ card.image }}" alt="" />
<div *ngIf="!card.image" class="card-data__link--image">
<fa-icon class="card-data__link--image--logo" [icon]="faFileAlt"></fa-icon>

View File

@ -16,7 +16,8 @@
display: block;
text-decoration: none;
color: whitesmoke;
overflow: auto;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid $card-border-color;
@ -50,9 +51,9 @@
margin: 11px 0 0 0px;
font-size: 0.8em;
opacity: .7;
text-overflow: ellipsis;
}
}
&__photo {}