From 39c890cfdff2642bd0e20e4b8a90d2635dc66a7a Mon Sep 17 00:00:00 2001
From: Robinatus <mail@robinreinecke.de>
Date: Tue, 14 Jul 2020 13:19:16 +0200
Subject: [PATCH] =?UTF-8?q?fixed=20Sticky=20Post=20F=C3=A4hnchen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/module/FilterMarks.js  | 5 ++++-
 src/style/filterMarks.less | 6 ++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/module/FilterMarks.js b/src/module/FilterMarks.js
index 83a12bc..c184282 100644
--- a/src/module/FilterMarks.js
+++ b/src/module/FilterMarks.js
@@ -70,11 +70,14 @@ export default class FilterMarks {
 
         // Handle stream-view
         p.View.Stream.Main.prototype.buildItem = function (item) {
-            let content = `<a class="silent ${item.promoted > 1000000000 ? 'sticky ' : ''}thumb filter ${_this.displayLabelStream ? FilterMarks.getFilter(item) : ''}" id="item-${item.id}" href="${this.baseURL + item.id}"><img src="${item.thumb}"/>`;
+            let content = `<a class="silent thumb filter ${_this.displayLabelStream ? FilterMarks.getFilter(item) : ''}" id="item-${item.id}" href="${this.baseURL + item.id}"><img src="${item.thumb}"/> ${item.promoted > 1000000000 ? '<div class="sticky-badge"></div>' : ''}`;
 
             if (_this.displayBenisStream) {
                 content += `<span class="benis-info ${item.up - item.down > 0 ? 'up' : 'down'}">${item.up - item.down}</span></a>`;
             }
+            else {
+                content += '</a>';
+            }
             return content;
         };
 
diff --git a/src/style/filterMarks.less b/src/style/filterMarks.less
index d652f57..f25a014 100644
--- a/src/style/filterMarks.less
+++ b/src/style/filterMarks.less
@@ -75,6 +75,12 @@
     }
   }
 
+  > .sticky-badge {
+    &:after {
+      z-index: 5;
+    }
+  }
+
   &:hover > .benis-info {
     display: inline;
   }