fix link preview overflow bug
This commit is contained in:
parent
48e29110c3
commit
e6de932764
|
@ -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 }} {{ 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>
|
||||
|
|
|
@ -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 {}
|
||||
|
|
Loading…
Reference in New Issue