sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 756: #1836 PDP Styling Fix

Browse Source 
#1836 PDP Styling Fix
This commit is contained in:
Nino Righi
2021-07-21 13:51:51 +00:00
committed by Lorenz Hilpert
parent bef79e3a9b
commit 30d279ea3d
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/page/catalog/src/lib/article-details/article-details.component.html
View File

@@ -17,11 +17,11 @@
<ui-icon icon="search_add" size="22px"></ui-icon>
</button>
<div class="recessions" *ngIf="item.reviews?.length > 0">
<button (click)="showReviews()" class="recessions" *ngIf="item.reviews?.length > 0">
<ui-stars [rating]="store.reviewRating$ | async"></ui-stars>
<button class="cta-recessions" (click)="showReviews()">{{ item.reviews.length }} Rezensionen</button>
</div>
<div class="cta-recessions">{{ item.reviews.length }} Rezensionen</div>
</button>
</div>
<div class="product-info">
@@ -54,7 +54,7 @@
/>
{{ item.product?.formatDetail }}
</div>
<div>Band/Reihe {{ item?.product?.volume }}</div>
<div *ngIf="item?.product?.volume">Band/Reihe {{ item?.product?.volume }}</div>
<div>{{ item.product?.publicationDate | date: 'MMMM y' }}</div>
</div>

4
apps/page/catalog/src/lib/article-details/article-details.component.scss
View File

@@ -28,10 +28,10 @@
@apply flex flex-col items-center justify-start mr-5;
.recessions {
@apply flex flex-col items-center mt-4;
@apply flex flex-col items-center mt-4 bg-transparent border-none outline-none;
.cta-recessions {
@apply text-regular text-dark-cerulean font-bold bg-transparent border-none outline-none mt-2;
@apply text-regular text-dark-cerulean font-bold mt-2;
}
}