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/notificationsDrawer.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/notificationsDrawer.styl')
-rw-r--r-- | client/components/notifications/notificationsDrawer.styl | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/client/components/notifications/notificationsDrawer.styl b/client/components/notifications/notificationsDrawer.styl new file mode 100644 index 00000000..a26b5e4a --- /dev/null +++ b/client/components/notifications/notificationsDrawer.styl @@ -0,0 +1,57 @@ +belize = #2980b9 + +section#notifications-drawer + position: fixed + top: 28px + 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 + padding-top 36px; + overflow: scroll + + a:hover + color: belize !important + + .header + position: fixed + top 28px + 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 + + .all-read + color belize + background-color: #fafafa + margin 8px 16px 12px + display inline-block + + ul.notifications + display: block + padding: 0px 16px + margin: 0 |