2020-03-27 11:35:03 -06:00
|
|
|
belize = #2980b9
|
|
|
|
|
|
|
|
|
|
section#notifications-drawer
|
|
|
|
|
position: fixed
|
2021-02-01 18:26:18 +01:00
|
|
|
top: 48px
|
2020-03-27 11:35:03 -06:00
|
|
|
right: 0
|
|
|
|
|
width: 400px
|
|
|
|
|
background-color: #fafafa
|
|
|
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.15)
|
|
|
|
|
border-radius: 2px
|
|
|
|
|
max-height: calc(100vh - 28px - 36px)
|
|
|
|
|
color: black
|
2020-04-12 11:47:30 +02:00
|
|
|
padding-top 36px
|
2020-03-27 11:35:03 -06:00
|
|
|
|
|
|
|
|
a:hover
|
|
|
|
|
color: belize !important
|
|
|
|
|
|
|
|
|
|
.header
|
|
|
|
|
position: fixed
|
2021-02-01 18:26:18 +01:00
|
|
|
top 48px
|
2020-03-27 11:35:03 -06:00
|
|
|
right 0
|
|
|
|
|
width calc(400px - 32px)
|
|
|
|
|
padding: 8px 16px
|
|
|
|
|
background: #ededed
|
|
|
|
|
border-bottom: 1px solid #dbdbdb
|
|
|
|
|
z-index 2
|
|
|
|
|
|
|
|
|
|
.toggle-read
|
|
|
|
|
position absolute
|
|
|
|
|
left 16px
|
|
|
|
|
top calc(50% - 8px)
|
|
|
|
|
color belize
|
|
|
|
|
|
|
|
|
|
h5
|
|
|
|
|
text-align: center
|
|
|
|
|
margin: 0
|
|
|
|
|
|
|
|
|
|
.close
|
|
|
|
|
position: absolute
|
|
|
|
|
top: calc(50% - 12px)
|
|
|
|
|
right: 12px
|
|
|
|
|
font-size: 24px
|
|
|
|
|
height: 24px
|
|
|
|
|
line-height: 24px
|
|
|
|
|
opacity 1
|
|
|
|
|
|
2020-04-08 13:14:29 -06:00
|
|
|
.all-read,
|
|
|
|
|
.remove-read
|
2020-03-27 11:35:03 -06:00
|
|
|
color belize
|
|
|
|
|
background-color: #fafafa
|
|
|
|
|
margin 8px 16px 12px
|
|
|
|
|
display inline-block
|
|
|
|
|
|
2020-04-08 13:14:29 -06:00
|
|
|
.remove-read
|
|
|
|
|
float right
|
|
|
|
|
|
|
|
|
|
&:hover
|
|
|
|
|
color #eb4646 !important
|
|
|
|
|
|
|
|
|
|
i.fa
|
|
|
|
|
color inherit
|
|
|
|
|
|
|
|
|
|
|
2020-03-27 11:35:03 -06:00
|
|
|
ul.notifications
|
|
|
|
|
display: block
|
2021-02-01 18:26:18 +01:00
|
|
|
padding: 0px 16px 0px 16px
|
2020-03-27 11:35:03 -06:00
|
|
|
margin: 0
|
2021-02-01 18:26:18 +01:00
|
|
|
height: calc(100vh - 122px)
|
2020-04-12 11:47:30 +02:00
|
|
|
overflow-y: scroll
|
