1
/*
2
 *  This file is part of CoCalc: Copyright © 2020 Sagemath, Inc.
3
 *  License: MS-RSL – see LICENSE.md for details
4
 */
5

6
.webapp-notification-indicator
7
  position     : relative
8
  font-size    : 17pt
9
  color        : #666
10
  cursor       : pointer
11
  margin-right : 6px
12
  &:hover
13
    color: #222
14

15
.webapp-notification-unseen-count
16
  font-size   : 8pt
17
  color       : red
18
  position    : absolute
19
  left        : 16px
20
  top         : 11px
21
  font-weight : bold
22
  background  : transparent
23

24
.webapp-notification-list
25
  width         : 50%
26
  z-index       : 10
27
  margin-left   : 0px
28
  position      : fixed
29
  box-shadow    : 0px 0px 15px #aaa
30
  border        : 2px solid #ccc
31
  top           : 43px
32
  background    : white
33
  right         : 2em
34
  overflow-y    : auto
35
  overflow-x    : hidden
36
  font-size     : 10pt
37
  padding       : 4px
38
  border-radius : 5px
39

40
@media (max-width: 767px)
41
  .webapp-notification-list
42
    width: 75%
43

44