2018-02-28 22:26:06 +00:00
|
|
|
.notifications-container
|
|
|
|
horizontal
|
|
|
|
justify-content center
|
|
|
|
|
2018-02-27 14:27:16 +00:00
|
|
|
.notifications
|
|
|
|
vertical
|
2018-02-28 22:26:06 +00:00
|
|
|
width 100%
|
|
|
|
max-width 800px
|
2018-02-27 14:27:16 +00:00
|
|
|
|
|
|
|
.notification
|
|
|
|
horizontal
|
|
|
|
ui-element
|
|
|
|
padding 1rem
|
|
|
|
margin-bottom 0.5rem
|
2018-02-28 23:06:03 +00:00
|
|
|
position relative
|
2018-03-04 13:42:05 +00:00
|
|
|
opacity 0.35
|
2018-02-28 23:06:03 +00:00
|
|
|
|
2018-03-01 22:18:29 +00:00
|
|
|
.notification-user
|
|
|
|
text-align right
|
|
|
|
margin-bottom 0.5rem
|
|
|
|
font-size 0.9rem
|
|
|
|
|
2018-02-28 23:06:03 +00:00
|
|
|
.notification[data-seen=""]
|
|
|
|
opacity 1.0
|
2018-02-27 14:27:16 +00:00
|
|
|
|
|
|
|
.notification-icon
|
|
|
|
margin-right 1rem
|
2018-03-06 19:05:37 +00:00
|
|
|
width 64px
|
|
|
|
height 64px
|
2018-02-27 14:27:16 +00:00
|
|
|
|
|
|
|
img
|
|
|
|
width 64px
|
|
|
|
height 64px
|
2018-02-28 11:12:58 +00:00
|
|
|
object-fit cover
|
2018-02-27 14:27:16 +00:00
|
|
|
|
|
|
|
.notification-info
|
|
|
|
vertical
|
2018-02-28 22:26:06 +00:00
|
|
|
flex 1
|
2018-02-28 23:06:03 +00:00
|
|
|
color text-color
|
|
|
|
text-shadow none
|
2018-02-28 22:26:06 +00:00
|
|
|
|
|
|
|
.notification-footer
|
|
|
|
horizontal
|
|
|
|
|
|
|
|
.notification-text
|
|
|
|
flex 1
|
|
|
|
margin 0
|
2018-02-28 23:06:03 +00:00
|
|
|
opacity 0.9
|
2018-02-27 14:27:16 +00:00
|
|
|
|
|
|
|
.notification-date
|
|
|
|
opacity 0.5
|
2018-02-28 23:06:03 +00:00
|
|
|
font-size 0.9em
|
|
|
|
align-self flex-end
|
|
|
|
|
|
|
|
.notification-seen
|
|
|
|
position absolute
|
|
|
|
top 1rem
|
|
|
|
right 1rem
|