Notifications
Notifications presents the list of unread notifications. It is separated in two lists: a chat
- File Name: notifications.html
- Route: /Notifications
This page contains:
-
(CLICKABLE) X-mark (grey3, small):
- Route: My Profile
-
repeater of (CLICKABLE) chat-notifications: Tapping one of the chat-nofitications leads to the detail of that deal. The repeater itself has a blue border on the bottom of the repeater, 2px solid sc-blue, it starts at 50px (mobile) or at 10vw (desktop) from the leftside and sticks to the bottom of the repeater. Each chat-notification contains:
- avatar of person chatting with you (30x30px)
- a chat icon (small, blue)
- txt (body-bold, blue): "1 new chatmessage from {{username of person chatting with you}}"
- txt (body-default, blue): "in deal "{{dealmsg from deal}}" "
- the next-icon (blue, small)
-
repeater of (CLICKABLE) regular notifications: Tapping one of the nofitications leads to the detail of that deal. Each notification contains:
- avatar of person involved in this deal with you (30x30px)
- txt (body-default, blue): "{{msg of notification}}"
- the next-icon (blue, small)
Extra Non-visible Design-info:
- on desktop, align all elements to the left
- on desktop, mind the max-width (800px) of what's inside of the notifications. The total notification is the full width, but the content of a notification happens within a the maxwidth of 800px. Also works for the blue line on bottom of chat-notifications.
- Between the two repeaters, there is a space of 5vh.