Mercurial > hg > ugly-duckling
changeset 283:a2ba82a51115
Wrap in a container with full width of parent
| author | Lucas Thompson <dev@lucas.im> |
|---|---|
| date | Thu, 04 May 2017 15:33:20 +0100 |
| parents | 5ab9e6132424 |
| children | f0c9c9d860e7 |
| files | src/app/notebook-feed/notebook-feed.component.css src/app/notebook-feed/notebook-feed.component.html |
| diffstat | 2 files changed, 15 insertions(+), 9 deletions(-) [+] |
line wrap: on
line diff
--- a/src/app/notebook-feed/notebook-feed.component.css Thu May 04 15:21:52 2017 +0100 +++ b/src/app/notebook-feed/notebook-feed.component.css Thu May 04 15:33:20 2017 +0100 @@ -1,3 +1,7 @@ .break { margin-bottom: 32px; } + +.feed { + width: 100%; +}
--- a/src/app/notebook-feed/notebook-feed.component.html Thu May 04 15:21:52 2017 +0100 +++ b/src/app/notebook-feed/notebook-feed.component.html Thu May 04 15:33:20 2017 +0100 @@ -1,9 +1,11 @@ -<ng-template ngFor let-item [ngForOf]="analyses"> - <div [class.break]="item.isRoot"> - <ugly-analysis-item - [timeline]="getOrCreateTimeline(item)" - [isActive]="rootAudioUri === item.rootAudioUri" - [item]="item" - ></ugly-analysis-item> - </div> -</ng-template> +<div class="feed"> + <ng-template ngFor let-item [ngForOf]="analyses"> + <div [class.break]="item.isRoot"> + <ugly-analysis-item + [timeline]="getOrCreateTimeline(item)" + [isActive]="rootAudioUri === item.rootAudioUri" + [item]="item" + ></ugly-analysis-item> + </div> + </ng-template> +</div>