Display unread marker for notifications

2020-09-15 18:09:08 +02:00
parent ae698469d0
commit 66e9a77e36
6 changed files with 39 additions and 5 deletions
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@ -1054,3 +1054,22 @@ a.status-card.compact:hover {
    text-decoration: underline;
  }
 }
+
+.notification,
+.status {
+  position: relative;
+
+  &.unread {
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      pointer-events: 0;
+      width: 100%;
+      height: 100%;
+      border-left: 2px solid $highlight-text-color;
+      pointer-events: none;
+    }
+  }
+}