socialnetworknews-web

commit 8b337c3642f47594605ae4880b531b858a5723e0
parent e3cd9463b763ff25b4046a41cddcae8c2669d26d
Author: MTRNord <mtrnord1@gmail.com>
Date:   Sun, 18 Mar 2018 15:59:43 +0100

Fix Ribbon CSS

Diffstat:
M
src/app/tweet-list/tweet-list.component.html
 | 
2
+-
M
src/app/tweet-list/tweet-list.component.scss
 | 
2
++
M
src/styles.scss
 | 
3
++-

3 files changed, 5 insertions(+), 2 deletions(-)
diff --git a/src/app/tweet-list/tweet-list.component.html b/src/app/tweet-list/tweet-list.component.html
@@ -7,7 +7,7 @@
           <i class="fa fa-retweet"></i>
         </span>
       </div>
-      <div>
+      <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>
diff --git a/src/app/tweet-list/tweet-list.component.scss b/src/app/tweet-list/tweet-list.component.scss
@@ -17,6 +17,8 @@
   border: 1px solid #ccc;
   box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
   text-align: center;
+  z-index: 0;
+  position: relative;
 }
 .thumbnail {
   max-width: 100%;
diff --git a/src/styles.scss b/src/styles.scss
@@ -130,7 +130,8 @@ html { overflow:auto; }
   width: 150px;
   height: 150px;
   overflow: hidden;
-  position: relative;
+  position: absolute;
+  z-index: 1;
 }
 .ribbon::before,
 .ribbon::after {