diff options
Diffstat (limited to 'client/src/app/shared/users/user-notifications.component.scss')
-rw-r--r-- | client/src/app/shared/users/user-notifications.component.scss | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/client/src/app/shared/users/user-notifications.component.scss b/client/src/app/shared/users/user-notifications.component.scss new file mode 100644 index 000000000..0493b10d9 --- /dev/null +++ b/client/src/app/shared/users/user-notifications.component.scss | |||
@@ -0,0 +1,30 @@ | |||
1 | .notification { | ||
2 | display: flex; | ||
3 | justify-content: space-between; | ||
4 | align-items: center; | ||
5 | font-size: inherit; | ||
6 | padding: 15px 10px; | ||
7 | border-bottom: 1px solid rgba(0, 0, 0, 0.10); | ||
8 | |||
9 | .mark-as-read { | ||
10 | min-width: 35px; | ||
11 | |||
12 | .glyphicon { | ||
13 | display: none; | ||
14 | cursor: pointer; | ||
15 | color: rgba(20, 20, 20, 0.5) | ||
16 | } | ||
17 | } | ||
18 | |||
19 | &.unread { | ||
20 | background-color: rgba(0, 0, 0, 0.05); | ||
21 | |||
22 | &:hover .mark-as-read .glyphicon { | ||
23 | display: block; | ||
24 | |||
25 | &:hover { | ||
26 | color: rgba(20, 20, 20, 0.8); | ||
27 | } | ||
28 | } | ||
29 | } | ||
30 | } | ||