discourse/plugins/chat/assets/stylesheets/common
Joffrey JAFFEUX 2d567cee26
FEATURE: thread pagination (#22624)
Prior to this commit we were loading a large number of thread messages without any pagination. This commit attempts to fix this and also improves the following points:

- code sharing between channels and threads:
Attempts to reuse/share the code use in channels for threads. To make it possible part of this code has been extracted in dedicated helpers or has been improved to reduce the duplication needed.

Examples of extracted helpers:
- `stackingContextFix`: the ios hack for rendering bug when momentum scrolling is interrupted
- `scrollListToMessage`, `scrollListToTop`, `scrollListToBottom`:  a series of helper to correctly scroll to a specific position in the list of messages

- better general performance of listing messages:
One of the main changes which has been made is to remove the computation of visible message during scroll, it will only happen when needed (update last read for example). This constant recomputation of `message.visible` on intersection observer event while scrolling was consuming a lot of CPU time.
2023-07-27 09:57:03 +02:00
..
base-common.scss FEATURE: thread pagination (#22624) 2023-07-27 09:57:03 +02:00
chat-browse.scss FIX: followups to composer notch adjustments (#21592) 2023-05-16 20:05:56 +02:00
chat-channel-card.scss UX: lower border radius for channel cards (#22513) 2023-07-10 19:07:01 +02:00
chat-channel-info.scss DEV: makes chat modals use the new <DModal /> component (#22495) 2023-07-10 13:43:33 +02:00
chat-channel-preview-card.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-channel-settings-saved-indicator.scss FEATURE: channels can allow/disallow @all/@here mentions (#19317) 2022-12-05 17:03:51 +01:00
chat-channel-title.scss FIX: overflow of channel title in preview card (#21112) 2023-04-17 15:05:59 +02:00
chat-channel.scss FEATURE: thread pagination (#22624) 2023-07-27 09:57:03 +02:00
chat-composer-button.scss UX: fix greyed out add button in chat composer when focussed (#21947) 2023-06-06 11:18:50 +02:00
chat-composer-dropdown.scss DEV: regroups composer button code (#21690) 2023-05-23 10:12:03 +02:00
chat-composer-separator.scss UI: chat composer step 2 (#21641) 2023-05-22 17:00:50 +02:00
chat-composer-upload.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-composer-uploads.scss UX: improves composer and thread panel (#21210) 2023-04-25 10:23:03 +02:00
chat-composer.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-drawer.scss FIX: s/--border-radius-large)/--d-border-radius-large (#22587) 2023-07-13 10:17:29 +02:00
chat-emoji-picker.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-form.scss UX: redesign of chat settings + add chat retention info (#19017) 2022-11-16 11:10:42 +01:00
chat-height-mixin.scss FEATURE: new jump to channel menu (#22383) 2023-07-05 18:18:27 +02:00
chat-index.scss UX: size down unread indicators fror drawer/mobile (#22636) 2023-07-17 12:54:00 +02:00
chat-mention-warnings.scss FEATURE: Enforce mention limits for chat messages (#19034) 2022-12-06 14:54:04 -03:00
chat-message-actions.scss UX: more border-radius removal from chat (#22542) 2023-07-12 14:30:06 +02:00
chat-message-collapser.scss FIX: Resize chat collapser when using small width drawer (#21017) 2023-04-08 10:43:17 -03:00
chat-message-creator.scss UX: message creator spacing and sizing on mobile + fix text wrapping (#22508) 2023-07-10 12:27:26 +02:00
chat-message-error.scss REFACTOR: <ChatMessage> component (#22172) 2023-06-19 09:50:54 +02:00
chat-message-images.scss UX: adding max height to image in chat blockquote (#22255) 2023-06-23 10:33:12 +02:00
chat-message-info.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-message-left-gutter.scss DEV: Fix random typos (#21638) 2023-05-18 15:34:46 +02:00
chat-message-mention-warning.scss REFACTOR: <ChatMessage> component (#22172) 2023-06-19 09:50:54 +02:00
chat-message-separator.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-message-thread-indicator.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-message.scss UX: z-index for for tippy box in chat (#22541) 2023-07-12 14:29:44 +02:00
chat-modal-archive-channel.scss DEV: makes chat modals use the new <DModal /> component (#22495) 2023-07-10 13:43:33 +02:00
chat-modal-channel-summary.scss DEV: makes chat modals use the new <DModal /> component (#22495) 2023-07-10 13:43:33 +02:00
chat-modal-create-channel.scss DEV: makes chat modals use the new <DModal /> component (#22495) 2023-07-10 13:43:33 +02:00
chat-modal-edit-channel-description.scss DEV: makes chat modals use the new <DModal /> component (#22495) 2023-07-10 13:43:33 +02:00
chat-modal-move-message-to-channel.scss DEV: makes chat modals use the new <DModal /> component (#22495) 2023-07-10 13:43:33 +02:00
chat-modal-new-message.scss DEV: makes chat modals use the new <DModal /> component (#22495) 2023-07-10 13:43:33 +02:00
chat-notices.scss DEV: Introduce Chat Notices with publishing method (#22369) 2023-07-06 08:26:25 -05:00
chat-onebox.scss REFACTOR: <ChatMessage> component (#22172) 2023-06-19 09:50:54 +02:00
chat-reply.scss UX: Fix chat-reply overflow (#20592) 2023-03-08 21:12:49 +01:00
chat-replying-indicator.scss FEATURE: new jump to channel menu (#22383) 2023-07-05 18:18:27 +02:00
chat-scroll-to-bottom.scss FEATURE: thread pagination (#22624) 2023-07-27 09:57:03 +02:00
chat-section.scss FEATURE: new jump to channel menu (#22383) 2023-07-05 18:18:27 +02:00
chat-selection-manager.scss FIX: allows selection of messages in threads (#22119) 2023-06-15 11:27:31 +02:00
chat-side-panel-resizer.scss FIX: allows to resize panels on tablets (#22640) 2023-07-17 15:11:51 +02:00
chat-side-panel.scss FIX: ensures chat-thread is not overflowing (#21782) 2023-05-29 09:55:50 +02:00
chat-skeleton.scss FEATURE: thread pagination (#22624) 2023-07-27 09:57:03 +02:00
chat-tabs.scss FIX: followups to composer notch adjustments (#21592) 2023-05-16 20:05:56 +02:00
chat-thread-header-buttons.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-thread-header.scss FEATURE: Conditionally change back button route for thread (#22129) 2023-06-28 09:58:47 +10:00
chat-thread-list-header.scss REFACTOR: composer/thread (#21910) 2023-06-07 21:49:15 +02:00
chat-thread-list-item.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-thread-participants.scss FIX: makes chat user avatar show presence by default (#22490) 2023-07-10 09:36:20 +02:00
chat-thread-unread-indicator.scss UX: Chat unread indicator refactor (#22040) 2023-06-12 14:33:45 +10:00
chat-thread.scss FEATURE: thread pagination (#22624) 2023-07-27 09:57:03 +02:00
chat-threads-list.scss FEATURE: Improving thread list item and header (#21749) 2023-05-29 09:11:55 +02:00
chat-transcript.scss REFACTOR: <ChatMessage> component (#22172) 2023-06-19 09:50:54 +02:00
chat-unread-indicator.scss UX: Chat unread indicator refactor (#22040) 2023-06-12 14:33:45 +10:00
chat-upload-drop-zone.scss UX: improves composer and thread panel (#21210) 2023-04-25 10:23:03 +02:00
chat-user-avatar.scss FIX: makes chat user avatar show presence by default (#22490) 2023-07-10 09:36:20 +02:00
core-extensions.scss UX: Remove 'Create Topics' notice (#21958) 2023-06-08 22:30:26 +03:00
dc-filter-input.scss
direct-message-creator.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
full-page-chat-header.scss
incoming-chat-webhooks.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
index.scss FEATURE: thread pagination (#22624) 2023-07-27 09:57:03 +02:00
reviewable-chat-message.scss
sidebar-extensions.scss FEATURE: new jump to channel menu (#22383) 2023-07-05 18:18:27 +02:00