socialnetworknews-web

commit 242312d0d6525e805c8cd4294dcdfe94868f2b47
parent 3fdcfd4b98ffac0efb9484f105353c316a2f9b2e
Author: MTRNord <mtrnord1@gmail.com>
Date:   Sun, 25 Mar 2018 15:09:56 +0200

Remove the mat-grid-tile

Diffstat:
M
src/app/tweet-list/tweet-list.component.html
 | 
60
+++++++++++++++++++++++++++++-------------------------------

1 file changed, 29 insertions(+), 31 deletions(-)
diff --git a/src/app/tweet-list/tweet-list.component.html b/src/app/tweet-list/tweet-list.component.html
@@ -1,37 +1,35 @@
 <spinner spinner="spinner"></spinner>
 <div fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutGap="0.5%" fxLayoutAlign="center">
-  <mat-grid-tile>
-    <mat-card *ngFor="let item of data">
-      <div class="ribbon ribbon-top-left" *ngIf="item.retweet" style="max-width: 22rem">
-        <span>
-          <i class="fa fa-retweet"></i>
-        </span>
-      </div>
-      <mat-card-header>
-        <img src="https://twitter.com/{{item.username}}/profile_image" mat-card-avatar>
-        <mat-card-title>{{item.display_name}}</mat-card-title>
-        <mat-card-subtitle><i class="fa fa-clock-o">&nbsp;</i>{{item.created_at.toLocaleString()}}</mat-card-subtitle>
-      </mat-card-header>
-      <a (click)="lightbox.show(lightboxItem)" >
-        <img mat-card-image *ngIf="item.image_urls && item.image_urls[0]" [src]="item.image_urls[0]">
-      </a>
+  <mat-card *ngFor="let item of data">
+    <div class="ribbon ribbon-top-left" *ngIf="item.retweet" style="max-width: 22rem">
+      <span>
+        <i class="fa fa-retweet"></i>
+      </span>
+    </div>
+    <mat-card-header>
+      <img src="https://twitter.com/{{item.username}}/profile_image" mat-card-avatar>
+      <mat-card-title>{{item.display_name}}</mat-card-title>
+      <mat-card-subtitle><i class="fa fa-clock-o">&nbsp;</i>{{item.created_at.toLocaleString()}}</mat-card-subtitle>
+    </mat-card-header>
+    <a (click)="lightbox.show(lightboxItem)" >
+      <img mat-card-image *ngIf="item.image_urls && item.image_urls[0]" [src]="item.image_urls[0]">
+    </a>
 
-      <!-- lightbox container hidden with CSS -->
-      <a (click)="lightbox.hide(lightboxItem)" class="lightbox" #lightboxItem>
-        <div class="img-wrapper">
-          <img *ngIf="item.image_urls && item.image_urls[0]" [src]="item.image_urls[0]">
-        </div>
-      </a>
-      <mat-card-content>
-        {{item.text}}
-        <br>
-        <i class="fa fa-heart">&nbsp;</i>{{item.favorites.toLocaleString()}}&nbsp;<i class="fa fa-retweet">&nbsp;</i>{{item.retweets.toLocaleString()}}
-      </mat-card-content>
-      <mat-card-actions>
-        <a mat-button href="{{item.tweet_link}}">OPEN ON TWITTER</a>
-      </mat-card-actions>
-    </mat-card>
-  </mat-grid-tile>
+    <!-- lightbox container hidden with CSS -->
+    <a (click)="lightbox.hide(lightboxItem)" class="lightbox" #lightboxItem>
+      <div class="img-wrapper">
+        <img *ngIf="item.image_urls && item.image_urls[0]" [src]="item.image_urls[0]">
+      </div>
+    </a>
+    <mat-card-content>
+      {{item.text}}
+      <br>
+      <i class="fa fa-heart">&nbsp;</i>{{item.favorites.toLocaleString()}}&nbsp;<i class="fa fa-retweet">&nbsp;</i>{{item.retweets.toLocaleString()}}
+    </mat-card-content>
+    <mat-card-actions>
+      <a mat-button href="{{item.tweet_link}}">OPEN ON TWITTER</a>
+    </mat-card-actions>
+  </mat-card>
   <!--<ng-container *ngFor="let item of data">
     <app-card *ngIf="item.image_urls" [title]="item.display_name" [image]="item.image_urls[0]" [text]="item.text" [retweet]="item.retweet" [retweets]="item.retweets" [created_at]="item.created_at" [favs]="item.favorites"></app-card>
     <app-card *ngIf="!item.image_urls"  [title]="item.display_name" [text]="item.text" [retweet]="item.retweet" [retweets]="item.retweets" [created_at]="item.created_at" [favs]="item.favorites"></app-card>