[Glitch] Change how unread announcements are handled

Port 3adc722d1c to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
2020-02-03 01:53:09 +01:00
parent dd6149ca0b
commit 3dcb279da3
6 changed files with 83 additions and 24 deletions
--- a/app/javascript/flavours/glitch/styles/components/announcements.scss
+++ b/app/javascript/flavours/glitch/styles/components/announcements.scss
@ -81,6 +81,18 @@
      font-weight: 500;
      margin-bottom: 10px;
    }
+
+    &__unread {
+      position: absolute;
+      top: 15px;
+      right: 15px;
+      display: inline-block;
+      background: $highlight-text-color;
+      border-radius: 50%;
+      width: 0.625rem;
+      height: 0.625rem;
+      margin: 0 .15em;
+    }
  }

  &__pagination {