github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-20 13:23:20 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed poster text not clickable and fixed image height

Browse source
This commit is contained in:
twanariens 2021-01-24 11:20:29 +01:00
commit c1d7cb0b99
2 changed files with 21 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
View file

@ -9,21 +9,24 @@
<span>{{getAvailbilityStatus()}}</span>
</div>
</div>
<a>
<img [routerLink]="generateDetailsLink()" id="cardImage" src="{{result.posterPath}}" class="image"
alt="{{result.title}}">
<div class="middle">
<div class="title">{{result.title}}</div>
<div class="small-text ellipsis">{{result.overview}}</div>
<a class="poster-overlay" [routerLink]="generateDetailsLink()">
<div class="summary">
<div class="title">{{result.title}}</div>
<div class="small-text ellipsis">{{result.overview}}</div>
</div>
</a>
<div class="row" *ngIf="!result.available && !result.approved">
<div class="col-12">
<button mat-raised-button class="btn-green full-width" (click)="request($event)">
<button mat-raised-button class="btn-green full-width poster-request-btn" (click)="request($event)">
<mat-icon *ngIf="!loading">cloud_download</mat-icon>
<i *ngIf="loading" class="fa fa-spinner fa-pulse fa-2x fa-fw" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</a>
</div>

21
src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss
View file

@ -63,14 +63,11 @@ small {
.ombi-card{
height:100%;
}
@media (min-width: 2000px) {
#cardImage {
height: 100%;
object-fit: cover;
display: block;
}
}
#cardImage {
height: 100%;
object-fit: cover;
display: block;
}
@ -207,4 +204,12 @@ small {
.top-right.requested span:before{
display: inline-block;
background-color: #ffd740;
}
::ng-deep a.poster-overlay{
color:#fff;
}
a.poster-overlay:hover{
text-decoration: none;
}