socialnetworknews-web

commit b0720f83d063f8e1d21a6ead33d5e4dd34630f08
parent 224244e5db48d9653336ff62e8188946cdf23d1c
Author: MTRNord <mtrnord1@gmail.com>
Date:   Sun, 18 Mar 2018 16:36:41 +0100

Fix Css Grid

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

2 files changed, 3 insertions(+), 23 deletions(-)
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -62,7 +62,7 @@ nav {
 }
 
 .main {
-  grid-area: main;
+  grid-area: content;
   padding-top: 7rem;
 }
 
@@ -71,7 +71,7 @@ nav {
   grid-gap: 0.4rem;
   grid-template-areas:
     "header"
-    "main"
+    "content"
 }
 
 @media (min-width: 500px) {
diff --git a/src/app/tweet-list/tweet-list.component.html b/src/app/tweet-list/tweet-list.component.html
@@ -7,27 +7,7 @@
           <i class="fa fa-retweet"></i>
         </span>
       </div>
-      <div *ngIf="item.retweet == true;else normal" style="z-index: 2; position: absolute;">
-        <a pageScroll href="#img{{i}}" >
-          <img *ngIf="item.image_urls && item.image_urls[0]" [src]="item.image_urls[0]" class="thumbnail">
-        </a>
-
-        <!-- lightbox container hidden with CSS -->
-        <a pageScroll href="#_" class="lightbox" [id]="'#img'+i">
-          <img src="http://insomnia.rest/images/screens/main.png">
-        </a>
-
-        <div class="text">
-          <h3>{{item.display_name}}</h3>
-          <p *ngIf="item.text">{{item.text}}</p>
-          <ul>
-            <li><i class="fa fa-clock-o">&nbsp;</i>{{item.created_at.toLocaleString()}}</li>&nbsp;
-            <li><i class="fa fa-heart">&nbsp;</i>{{item.favorites.toLocaleString()}}</li>&nbsp;
-            <li><i class="fa fa-retweet">&nbsp;</i>{{item.retweets.toLocaleString()}}</li>&nbsp;
-          </ul>
-        </div>
-      </div>
-      <div #normal>
+      <div style="z-index: 2; position: absolute;">
         <a pageScroll href="#img{{i}}" >
           <img *ngIf="item.image_urls && item.image_urls[0]" [src]="item.image_urls[0]" class="thumbnail">
         </a>