diff options
author | Jonathan Baird <jonathan@smithbox.com> | 2020-03-27 11:35:03 -0600 |
---|---|---|
committer | Jonathan Baird <jonathan@smithbox.com> | 2020-03-27 11:35:03 -0600 |
commit | 9819c9f801128d07374b0703b482bdb83a672297 (patch) | |
tree | a132421f72031a26b346a96fd9a4615b2bca70c9 /client/components/notifications/notification.styl | |
parent | 29d62440a5cf82b01de8183a384c6d7811abad81 (diff) | |
download | wekan-9819c9f801128d07374b0703b482bdb83a672297.tar.gz wekan-9819c9f801128d07374b0703b482bdb83a672297.tar.bz2 wekan-9819c9f801128d07374b0703b482bdb83a672297.zip |
add a notification drawer like trello
Diffstat (limited to 'client/components/notifications/notification.styl')
-rw-r--r-- | client/components/notifications/notification.styl | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/client/components/notifications/notification.styl b/client/components/notifications/notification.styl new file mode 100644 index 00000000..0cf0cfd5 --- /dev/null +++ b/client/components/notifications/notification.styl @@ -0,0 +1,57 @@ +#notifications-drawer + &.show-read .notification.read + display: flex + + .notification + display: flex + float: none + padding: 12px 8px 8px + color: black + border-bottom: 1px solid #dbdbdb + + &.read + display: none + + .read-status + width: 30px + + input + width: 24px + height: 24px + + .activity-type + margin: 16px 0 0 + width: 17px + height: 17px + font-size: 17px + display: block + color: #bbb + + .details + width: calc(100% - 30px) + + .activity + display: flex + + .activity-desc + width: 100%; + + .activity-comment + display: block + width: 100% + border-radius: 3px + background: #fff + text-decoration: none + box-shadow: 0 1px 2px rgba(0,0,0,0.2) + margin-top: 5px + padding: 5px + + .activity-meta + display: block + font-size: 0.8em + color: #999 + font-style: italic + + .remove + a:hover + color #eb4646 !important |