diff options
author | Thibaut Girka <thib@sitedethib.com> | 2020-09-15 18:09:08 +0200 |
---|---|---|
committer | ThibG <thib@sitedethib.com> | 2020-09-17 15:22:56 +0200 |
commit | 66e9a77e36a67a5c29feb8be5b1e323b463e0468 (patch) | |
tree | 4cc37994066f53a39bd962002fe4b68e76933f94 /app/javascript/flavours/glitch/styles/components | |
parent | ae698469d0c129216580e222d6d6ca82eab4516b (diff) |
Display unread marker for notifications
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/status.scss | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index f3403a243..ba75e3ffe 100644 --- 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; + } + } +} |