discourse/plugins/chat/assets/stylesheets/common
Joffrey JAFFEUX 6740a340ca
DEV: unifies emoji picker (#28277)
The chat emoji picker is renamed emoji-picker, and the old emoji-picker is removed.

This commit doesn't attempt to fully rework a new emoji-picker but instead tries to migrate everything to one picker (the chat one) and add small changes.

Other notable changes:
- all the favorite emojis code has been mixed into one service which is able to store one state per context, favorites emojis will be stored for all topics, and for each chat channel. Meaning that if you always use a specific emoji in a channel, it will only show as favorite emoji in this channel.
- a lot of static code has been removed which should improve initial load perf of discourse. Initially this code was around to improve the performance of the emoji picker rendering.
- the emojis are now stored, once the full list has been loaded, if you close and reopen the picker it won't have to load them again.

List of components:

- `<EmojiPicker />` will render a button which will open a dropdown
- `<EmojiPickerContent />` represents the content of the dropdown alone, it's useful when you want to render a picker from an action which is not the default picker button
- `<EmojiPickerDetached />` just a simple wrapper over `<EmojiPickerContent />` to make it easier to use it with `this.menu.show(...)`

---------

Co-authored-by: Renato Atilio <renatoat@gmail.com>
2025-01-08 11:41:36 +01:00
..
base-common.scss DEV: unifies emoji picker (#28277) 2025-01-08 11:41:36 +01:00
chat-audio-upload.scss FIX: prevents audio container to overflow container (#25012) 2023-12-22 09:38:21 +01:00
chat-browse.scss DEV: unifies emoji picker (#28277) 2025-01-08 11:41:36 +01:00
chat-channel-card.scss UX: better card alignment (#25720) 2024-02-16 16:00:55 +01:00
chat-channel-icon.scss DEV: sets an icon_upload_id on a channel (#29566) 2024-11-04 17:19:44 +09:00
chat-channel-info.scss UX: chat > channel info: show member count on tab (#25439) 2024-01-26 12:10:56 +01:00
chat-channel-members.scss UX: fix emoji alignment in chat members user status (#29466) 2024-10-29 17:18:09 +04:00
chat-channel-name.scss UX: prevent shrinking unread badge for long DM channel names (#29756) 2024-11-14 15:27:14 +04:00
chat-channel-preview-card.scss UX: add illustrations for empty chat list + split into tabs on drawer (#26910) 2024-05-28 17:00:04 +04:00
chat-channel-row.scss UX: chat drawer increase unread channel visibility (#28731) 2024-09-05 13:36:50 +04:00
chat-channel-settings.scss DEV: remove :has selector from chat settings (#25248) 2024-01-12 18:04:27 -05:00
chat-channel-title.scss UX: Chat avatar is-online styling (#26012) 2024-03-08 21:11:47 +01:00
chat-channel.scss FEATURE: implements last read message for threads (#26702) 2024-04-25 10:47:54 +02:00
chat-composer-button.scss UX: chat composer style tweaks (#28938) 2024-09-18 02:45:44 +02:00
chat-composer-dropdown.scss DEV: unifies emoji picker (#28277) 2025-01-08 11:41:36 +01:00
chat-composer-separator.scss
chat-composer-upload.scss
chat-composer-uploads.scss UX: align navbar and composer uploads (#24970) 2023-12-19 15:41:51 +01:00
chat-composer.scss DEV: unifies emoji picker (#28277) 2025-01-08 11:41:36 +01:00
chat-drawer-routes.scss FEATURE: allows browse page in chat drawer (#27919) 2024-07-16 12:34:37 +02:00
chat-drawer.scss UX: improved collapsed drawer state/interactions (#29850) 2024-11-25 03:39:03 +01:00
chat-footer.scss UX: revert chat footer changes partially (#27591) 2024-06-24 17:46:54 +02:00
chat-form.scss UX: Chat info area back button + styling tweaks (#24966) 2023-12-19 16:28:07 +01:00
chat-height-mixin.scss FIX: correctly account for composer height in PWA (#29656) 2024-11-08 11:16:15 +09:00
chat-index.scss UX: add padding bottom to chat index list (#29096) 2024-10-07 07:09:27 +02:00
chat-mention-warnings.scss DEV: implements <Chat::Navbar /> (#24917) 2023-12-18 17:49:58 +01:00
chat-message-actions.scss DEV: unifies emoji picker (#28277) 2025-01-08 11:41:36 +01:00
chat-message-blocks.scss DEV: adds blocks support to chat messages (#29782) 2024-11-19 07:07:58 +01:00
chat-message-collapser.scss
chat-message-creator.scss UX: prevent unread indicator from shrinking in flexbox (#29207) 2024-10-15 10:08:45 +02:00
chat-message-error.scss
chat-message-images.scss FIX: Lazy TikTok embeds height in chat (#27306) 2024-06-03 11:20:47 -03:00
chat-message-info.scss UX: hide user count in original message link (#26890) 2024-05-06 22:02:15 +02:00
chat-message-left-gutter.scss
chat-message-separator.scss UX: chat > general fixes (#25929) 2024-02-28 15:12:13 +01:00
chat-message-text.scss UX: removes blinking indicator while streaming message (#27131) 2024-05-22 13:48:44 +02:00
chat-message-thread-indicator.scss FIX: improves linking of thread messages (#26095) 2024-03-08 09:09:42 +01:00
chat-message.scss DEV: unifies emoji picker (#28277) 2025-01-08 11:41:36 +01:00
chat-messages-scroller.scss FEATURE: implements last read message for threads (#26702) 2024-04-25 10:47:54 +02:00
chat-modal-archive-channel.scss
chat-modal-channel-summary.scss
chat-modal-create-channel.scss DEV: removes legacy modal code (#28047) 2024-07-24 18:07:17 +02:00
chat-modal-edit-channel-description.scss
chat-modal-move-message-to-channel.scss
chat-modal-new-message.scss DEV: removes legacy modal code (#28047) 2024-07-24 18:07:17 +02:00
chat-navbar.scss FIX: attempt to simplify chat navbar spacing (#30054) 2024-12-03 09:33:10 +01:00
chat-notices.scss FIX: ensures chat panel can't have an invalid width (#27876) 2024-07-11 20:27:30 +02:00
chat-onebox.scss FEATURE: Add onebox support for chat threads (#23580) 2023-10-25 14:30:39 +02:00
chat-reply.scss
chat-replying-indicator.scss A11Y: disable non-essential CSS animations for reduced-motion users (#23571) 2023-09-14 17:31:43 -04:00
chat-scroll-to-bottom.scss
chat-section.scss
chat-selection-manager.scss A11Y: disable non-essential CSS animations for reduced-motion users (#23571) 2023-09-14 17:31:43 -04:00
chat-side-panel-resizer.scss DEV: implements <Chat::Navbar /> (#24917) 2023-12-18 17:49:58 +01:00
chat-skeleton.scss A11Y: disable non-essential CSS animations for reduced-motion users (#23571) 2023-09-14 17:31:43 -04:00
chat-thread-header.scss DEV: implements <Chat::Navbar /> (#24917) 2023-12-18 17:49:58 +01:00
chat-thread-heading.scss FIX: word break long continuous thread titles (#30007) 2024-11-30 01:07:39 +01:00
chat-thread-list-header.scss DEV: implements <Chat::Navbar /> (#24917) 2023-12-18 17:49:58 +01:00
chat-thread-list-item.scss FEATURE: my threads page (#24771) 2023-12-11 07:38:07 +01:00
chat-thread-participants.scss UX: thread list design changes (#23348) 2023-08-31 18:09:41 +02:00
chat-thread-title.scss UX: allow users to click thread title to open it (#24816) 2023-12-11 13:54:00 +01:00
chat-thread-unread-indicator.scss FEATURE: my threads page (#24771) 2023-12-11 07:38:07 +01:00
chat-thread.scss FEATURE: implements last read message for threads (#26702) 2024-04-25 10:47:54 +02:00
chat-threads-list.scss FIX: Make long thread titles readable (#25456) 2024-01-30 14:18:00 +01:00
chat-transcript.scss UX: constrain width of chat transcripts in posts (#27288) 2024-05-31 16:26:46 -04:00
chat-unread-indicator.scss UX: user threads styling tweaks 2023-12-13 14:10:52 +01:00
chat-upload-drop-zone.scss DEV: Upgrade Uppy to v4 (#29397) 2024-10-28 14:01:44 +00:00
chat-user-avatar.scss UX: Chat avatar is-online styling (#26012) 2024-03-08 21:11:47 +01:00
chat-user-threads.scss UX: new sidebar styling (#29119) 2024-10-08 11:28:36 +02:00
core-extensions.scss DEV: remove CSS for consolidated DM notifications (#28728) 2024-09-04 11:39:49 +04:00
direct-message-creator.scss
incoming-chat-webhooks.scss
index.scss DEV: unifies emoji picker (#28277) 2025-01-08 11:41:36 +01:00
reviewable-chat-message.scss