Matteo Scandolo | 63e43eb | 2016-12-14 14:18:53 -0800 | [diff] [blame] | 1 | xos-header { |
2 | .badge { | ||||
3 | display: block; | ||||
4 | width: 3px; | ||||
5 | height: 3px; | ||||
6 | border-radius: 50%; | ||||
7 | border: 4px solid red; | ||||
8 | background: transparent; | ||||
9 | position: absolute; | ||||
10 | right: 15px; | ||||
11 | top: 18px; | ||||
12 | } | ||||
13 | |||||
14 | .fa { | ||||
15 | cursor: pointer; | ||||
16 | } | ||||
17 | |||||
18 | .notification-panel { | ||||
19 | position: absolute; | ||||
Matteo Scandolo | c719e79 | 2016-12-14 15:48:31 -0800 | [diff] [blame^] | 20 | background: darken(grey, 5); |
21 | right: 10px; | ||||
Matteo Scandolo | 63e43eb | 2016-12-14 14:18:53 -0800 | [diff] [blame] | 22 | top: 60px; |
23 | border: 1px solid darken(grey, 35); | ||||
Matteo Scandolo | c719e79 | 2016-12-14 15:48:31 -0800 | [diff] [blame^] | 24 | max-height: 200px; |
25 | overflow-y: scroll; | ||||
Matteo Scandolo | 63e43eb | 2016-12-14 14:18:53 -0800 | [diff] [blame] | 26 | |
27 | ul { | ||||
28 | margin: 0; | ||||
Matteo Scandolo | c719e79 | 2016-12-14 15:48:31 -0800 | [diff] [blame^] | 29 | padding: 0; |
Matteo Scandolo | 63e43eb | 2016-12-14 14:18:53 -0800 | [diff] [blame] | 30 | list-style: none; |
Matteo Scandolo | 63e43eb | 2016-12-14 14:18:53 -0800 | [diff] [blame] | 31 | |
32 | li { | ||||
Matteo Scandolo | c719e79 | 2016-12-14 15:48:31 -0800 | [diff] [blame^] | 33 | padding: 10px; |
Matteo Scandolo | 63e43eb | 2016-12-14 14:18:53 -0800 | [diff] [blame] | 34 | border-bottom: 1px solid darken(grey, 35); |
35 | color: #fff; | ||||
Matteo Scandolo | c719e79 | 2016-12-14 15:48:31 -0800 | [diff] [blame^] | 36 | |
37 | &.viewed { | ||||
38 | background: darken(grey, 20); | ||||
39 | } | ||||
Matteo Scandolo | 63e43eb | 2016-12-14 14:18:53 -0800 | [diff] [blame] | 40 | } |
41 | } | ||||
42 | } | ||||
43 | } |