79597: Replace ds-grid-thumbnail with ds-thumbnail

This commit is contained in:
Yura Bondarenko
2021-05-27 09:10:31 +02:00
parent 41c07e74ca
commit 4f38821bb3
12 changed files with 45 additions and 45 deletions

View File

@@ -8,14 +8,14 @@
rel="noopener noreferrer" [routerLink]="[itemPageRoute]" rel="noopener noreferrer" [routerLink]="[itemPageRoute]"
class="card-img-top full-width"> class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top full-width"> <span *ngIf="linkType == linkTypes.None" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</span> </span>
<div class="card-body"> <div class="card-body">

View File

@@ -8,14 +8,14 @@
rel="noopener noreferrer" [routerLink]="[itemPageRoute]" rel="noopener noreferrer" [routerLink]="[itemPageRoute]"
class="card-img-top full-width"> class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top full-width"> <span *ngIf="linkType == linkTypes.None" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</span> </span>
<div class="card-body"> <div class="card-body">

View File

@@ -8,14 +8,14 @@
rel="noopener noreferrer" [routerLink]="[itemPageRoute]" rel="noopener noreferrer" [routerLink]="[itemPageRoute]"
class="card-img-top full-width"> class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top full-width"> <span *ngIf="linkType == linkTypes.None" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</span> </span>
<div class="card-body"> <div class="card-body">

View File

@@ -8,14 +8,14 @@
rel="noopener noreferrer" [routerLink]="[itemPageRoute]" rel="noopener noreferrer" [routerLink]="[itemPageRoute]"
class="card-img-top full-width"> class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top full-width"> <span *ngIf="linkType == linkTypes.None" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</span> </span>
<div class="card-body"> <div class="card-body">

View File

@@ -8,14 +8,14 @@
rel="noopener noreferrer" [routerLink]="[itemPageRoute]" rel="noopener noreferrer" [routerLink]="[itemPageRoute]"
class="card-img-top full-width"> class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top full-width"> <span *ngIf="linkType == linkTypes.None" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</span> </span>
<div class="card-body"> <div class="card-body">

View File

@@ -8,14 +8,14 @@
rel="noopener noreferrer" [routerLink]="[itemPageRoute]" rel="noopener noreferrer" [routerLink]="[itemPageRoute]"
class="card-img-top full-width"> class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top full-width"> <span *ngIf="linkType == linkTypes.None" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</span> </span>
<div class="card-body"> <div class="card-body">

View File

@@ -1,11 +1,11 @@
<div class="card"> <div class="card">
<a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="['/collections/', object.id]" class="card-img-top"> <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="['/collections/', object.id]" class="card-img-top">
<ds-grid-thumbnail [thumbnail]="(object.logo | async)?.payload"> <ds-thumbnail [thumbnail]="(object.logo | async)?.payload" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top"> <span *ngIf="linkType == linkTypes.None" class="card-img-top">
<ds-grid-thumbnail [thumbnail]="(object.logo | async)?.payload"> <ds-thumbnail [thumbnail]="(object.logo | async)?.payload" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</span> </span>
<div class="card-body"> <div class="card-body">
<h4 class="card-title">{{object.name}}</h4> <h4 class="card-title">{{object.name}}</h4>

View File

@@ -1,11 +1,11 @@
<div class="card"> <div class="card">
<a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="['/communities/', object.id]" class="card-img-top"> <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="['/communities/', object.id]" class="card-img-top">
<ds-grid-thumbnail [thumbnail]="(object.logo | async)?.payload"> <ds-thumbnail [thumbnail]="(object.logo | async)?.payload" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top"> <span *ngIf="linkType == linkTypes.None" class="card-img-top">
<ds-grid-thumbnail [thumbnail]="(object.logo | async)?.payload"> <ds-thumbnail [thumbnail]="(object.logo | async)?.payload" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</span> </span>
<div class="card-body"> <div class="card-body">
<h4 class="card-title">{{object.name}}</h4> <h4 class="card-title">{{object.name}}</h4>

View File

@@ -1,7 +1,7 @@
:host ::ng-deep { :host ::ng-deep {
--ds-wrapper-grid-spacing: calc(var(--bs-spacer) / 2); --ds-wrapper-grid-spacing: calc(var(--bs-spacer) / 2);
div.thumbnail > img { div.thumbnail > .thumbnail-content {
height: var(--ds-card-thumbnail-height); height: var(--ds-card-thumbnail-height);
width: 100%; width: 100%;
display: block; display: block;

View File

@@ -1,11 +1,11 @@
<div class="card"> <div class="card">
<a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="['/collections/', dso.id]" class="card-img-top"> <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="['/collections/', dso.id]" class="card-img-top">
<ds-grid-thumbnail [thumbnail]="(dso.logo | async)?.payload"> <ds-thumbnail [thumbnail]="(dso.logo | async)?.payload" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top"> <span *ngIf="linkType == linkTypes.None" class="card-img-top">
<ds-grid-thumbnail [thumbnail]="(dso.logo | async)?.payload"> <ds-thumbnail [thumbnail]="(dso.logo | async)?.payload" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</span> </span>
<div class="card-body"> <div class="card-body">
<ds-type-badge *ngIf="showLabel" [object]="dso"></ds-type-badge> <ds-type-badge *ngIf="showLabel" [object]="dso"></ds-type-badge>

View File

@@ -1,11 +1,11 @@
<div class="card"> <div class="card">
<a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="['/communities/', dso.id]" class="card-img-top"> <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="['/communities/', dso.id]" class="card-img-top">
<ds-grid-thumbnail [thumbnail]="(dso.logo | async)?.payload"> <ds-thumbnail [thumbnail]="(dso.logo | async)?.payload" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top"> <span *ngIf="linkType == linkTypes.None" class="card-img-top">
<ds-grid-thumbnail [thumbnail]="(dso.logo | async)?.payload"> <ds-thumbnail [thumbnail]="(dso.logo | async)?.payload" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</span> </span>
<div class="card-body"> <div class="card-body">
<ds-type-badge *ngIf="showLabel" [object]="dso"></ds-type-badge> <ds-type-badge *ngIf="showLabel" [object]="dso"></ds-type-badge>

View File

@@ -6,14 +6,14 @@
<a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="[itemPageRoute]" <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" rel="noopener noreferrer" [routerLink]="[itemPageRoute]"
class="card-img-top full-width"> class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</a> </a>
<span *ngIf="linkType == linkTypes.None" class="card-img-top full-width"> <span *ngIf="linkType == linkTypes.None" class="card-img-top full-width">
<div> <div>
<ds-grid-thumbnail [thumbnail]="getThumbnail() | async"> <ds-thumbnail [thumbnail]="getThumbnail() | async" [limitWidth]="false">
</ds-grid-thumbnail> </ds-thumbnail>
</div> </div>
</span> </span>
<div class="card-body"> <div class="card-body">