Commits

Philip Vissenaekens authored 9df5a508f15
65240: Community and Collection logo layout
No tags

src/app/+collection-page/collection-page.component.html

Modified
1 1 <div class="container">
2 2 <div class="collection-page"
3 3 *ngVar="(collectionRD$ | async) as collectionRD">
4 4 <div *ngIf="collectionRD?.hasSucceeded" @fadeInOut>
5 5 <div *ngIf="collectionRD?.payload as collection">
6 6 <ds-view-tracker [object]="collection"></ds-view-tracker>
7 7 <header class="comcol-header border-bottom mb-4 pb-4">
8 + <!-- Collection Name -->
9 + <ds-comcol-page-header
10 + [name]="collection.name">
11 + </ds-comcol-page-header>
8 12 <!-- Collection logo -->
9 13 <ds-comcol-page-logo *ngIf="logoRD$"
10 - [logo]="(logoRD$ | async)?.payload" [alternateText]="'Collection Logo'">
14 + [logo]="(logoRD$ | async)?.payload"
15 + [alternateText]="'Collection Logo'"
11 16 [alternateText]="'Collection Logo'">
12 17 </ds-comcol-page-logo>
13 - <!-- Collection Name -->
14 - <ds-comcol-page-header
15 - [name]="collection.name">
16 - </ds-comcol-page-header>
18 +
17 19 <!-- Handle -->
18 20 <ds-comcol-page-handle
19 21 [content]="collection.handle"
20 22 [title]="'collection.page.handle'" >
21 23 </ds-comcol-page-handle>
22 24 <!-- Introductory text -->
23 25 <ds-comcol-page-content
24 26 [content]="collection.introductoryText"
25 27 [hasInnerHtml]="true">
26 28 </ds-comcol-page-content>
32 34 </ds-comcol-page-content>
33 35
34 36 </header>
35 37 <section class="comcol-page-browse-section">
36 38 <!-- Browse-By Links -->
37 39 <ds-comcol-page-browse-by
38 40 [id]="collection.id"
39 41 [contentType]="collection.type">
40 42 </ds-comcol-page-browse-by>
41 43
42 - <!-- Collection logo -->
43 - <ds-comcol-page-logo *ngIf="logoRD$"
44 - [logo]="(logoRD$ | async)?.payload"
45 - [alternateText]="'Collection Logo'"
46 - [alternateText]="'Collection Logo'">
47 - </ds-comcol-page-logo>
48 -
49 44 <ng-container *ngVar="(itemRD$ | async) as itemRD">
50 45 <div class="mt-4" *ngIf="itemRD?.hasSucceeded" @fadeIn>
51 46 <h3 class="sr-only">{{'collection.page.browse.recent.head' | translate}}</h3>
52 47 <ds-viewable-collection
53 48 [config]="paginationConfig"
54 49 [sortConfig]="sortConfig"
55 50 [objects]="itemRD"
56 51 [hideGear]="true"
57 52 (paginationChange)="onPaginationChange($event)">
58 53 </ds-viewable-collection>

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut