socialnetworknews-web

commit 3c41016d5dbea9a5006c2e077958b6beca530280
parent 440fa1aef091b01c5290d346799e1ce212111e08
Author: MTRNord <mtrnord1@gmail.com>
Date:   Mon, 26 Mar 2018 17:52:00 +0200

Replace imgHack

Diffstat:
M
src/app/tweet-list/tweet-list.component.html
 | 
4
++--
M
src/app/tweet-list/tweet-list.component.scss
 | 
5
-----

2 files changed, 2 insertions(+), 7 deletions(-)
diff --git a/src/app/tweet-list/tweet-list.component.html b/src/app/tweet-list/tweet-list.component.html
@@ -1,6 +1,6 @@
 <spinner spinner="spinner"></spinner>
 <div fxLayout fxLayout.xs="column" fxLayoutGap="10px" fxLayoutGap.xs="0" fxLayoutAlign="start" *ngFor="let row of data" class="gridHack">
-  <mat-card *ngFor="let item of row">
+  <mat-card *ngFor="let item of row" style="max-width: 350px;">
     <div class="ribbon ribbon-top-right" *ngIf="item.retweet" style="max-width: 22rem">
       <span>
         <i class="fa fa-retweet"></i>
@@ -12,7 +12,7 @@
       <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]" class="imageHack">
+      <img mat-card-image *ngIf="item.image_urls && item.image_urls[0]" [src]="item.image_urls[0]">
     </a>
 
     <!-- lightbox container hidden with CSS -->
diff --git a/src/app/tweet-list/tweet-list.component.scss b/src/app/tweet-list/tweet-list.component.scss
@@ -3,11 +3,6 @@
   margin-bottom: 10px;
 }
 
-.imageHack {
-  height: 100%;
-  width: 350px;
-}
-
 /* Made by https://codepen.io/gschier/pen/HCoqh */
 
 .lightbox {