David Battersby 6b3a68e562

FEATURE: Mobile Chat Notification Badges (#25438) ...

This change adds notification badges to the new footer tabs on mobile chat, to help users easily find areas where there’s new activity to review.

When on mobile chat:
- Show a badge on the DMs footer when there is unread activity in DMs.
- Show a badge on the Channels footer tab when there is unread channel activity.
- Show a badge on the Threads footer tab when there is unread activity in a followed thread.
- Notification badges should be removed once the unread activity is viewed.

Additionally this change will:
- Show green notification badges for channel mentions or DMs
- Show blue notification badges for unread messages in channels or threads

Co-authored-by: chapoi <101828855+chapoi@users.noreply.github.com>

2024-01-29 10:38:14 +08:00

..

base-mobile.scss

FEATURE: Mobile Chat Notification Badges (#25438)

2024-01-29 10:38:14 +08:00

chat-channel-members.scss

UX: Chat info area back button + styling tweaks (#24966)

2023-12-19 16:28:07 +01:00

chat-channel-row.scss

FEATURE: display last message on mobile (#25384)

2024-01-25 15:30:21 +01:00

chat-channel-settings.scss

UX: chat channel info area > classname changes (#24954)

2023-12-18 22:09:47 +01:00

chat-channel.scss

UX: Align chat separators, increase mobile chat width (#22298)

2023-06-27 18:49:45 +02:00

chat-composer-dropdown.scss

UX: Chat composer dropdown styling mobile (#25244)

2024-01-15 09:59:24 +01:00

chat-composer-upload.scss

UX: improves composer and thread panel (#21210)

2023-04-25 10:23:03 +02:00

chat-composer.scss

UX: implements new composer design (#21588)

2023-05-16 17:17:12 +02:00

chat-emoji-picker.scss

REFACTOR: move shadow vars to css custom props (#22094)

2023-06-13 16:38:31 -04:00

chat-footer.scss

FEATURE: Mobile Chat Notification Badges (#25438)

2024-01-29 10:38:14 +08:00

chat-form.scss

UX: Chat info area back button + styling tweaks (#24966)

2023-12-19 16:28:07 +01:00

chat-header.scss

UX: chat header size and alignments (#25239)

2024-01-12 14:27:44 +01:00

chat-index.scss

FEATURE: Mobile Chat Footer Redesign (#25161)

2024-01-16 14:29:33 +08:00

chat-message-actions.scss

Remove border radius from chat (#22437)

2023-07-10 15:07:38 +02:00

chat-message-creator.scss

FEATURE: introduces group channels (#24288)

2023-11-10 11:29:28 +01:00

chat-message-thread-indicator.scss

FEATURE: Mobile Chat Footer Redesign (#25161)

2024-01-16 14:29:33 +08:00

chat-message.scss

A11Y: disable non-essential CSS animations for reduced-motion users (#23571)

2023-09-14 17:31:43 -04:00

chat-modal-new-message.scss

FEATURE: introduces group channels (#24288)

2023-11-10 11:29:28 +01:00

chat-modal-thread-settings.scss

DEV: makes chat modals use the new <DModal /> component (#22495)

2023-07-10 13:43:33 +02:00

chat-navbar.scss

FEATURE: Mobile Chat Footer Redesign (#25161)

2024-01-16 14:29:33 +08:00

chat-selection-manager.scss

FIX: allows selection of messages in threads (#22119)

2023-06-15 11:27:31 +02:00

chat-side-panel.scss

UI: thread panel sizing/spacing on mobile (#21440)

2023-05-09 00:17:42 +02:00

chat-thread-list-header.scss

UX: small alignment tweaks for chat thread list header (#24410)

2023-11-16 17:30:48 +01:00

chat-thread.scss

FIX: various mobile chat improvements (#22132)

2023-06-16 11:36:43 +02:00

chat-threads-list.scss

UX: thread list fixes for alignment and more spacing on mobile (#23823)

2023-10-07 11:06:16 +02:00

chat-user-threads.scss

FEATURE: Mobile Chat Footer Redesign (#25161)

2024-01-16 14:29:33 +08:00

index.scss

FEATURE: Mobile Chat Footer Redesign (#25161)

2024-01-16 14:29:33 +08:00