discourse/plugins/chat/assets/stylesheets/common
Joffrey JAFFEUX 897518e874
FIX: ensures chat panel can't have an invalid width (#27876)
Prior to this fix the following sequence would cause an overflow:

- open a thread
- expand thread panel to maximum width
- close panel
- reduce window width
- open thread again
- 💥

The fix is now ensuring that we never use or set a width which would cause the main panel + side panel to be larger than the chat container. We also removed the service as it was overkill for this case and it's easier to have all the implementation at one place.

This commit also uses JS animation api to set the width of the panel.

<!-- NOTE: All pull requests should have tests (rspec in Ruby, qunit in JavaScript). If your code does not include test coverage, please include an explanation of why it was omitted. -->
2024-07-11 20:27:30 +02:00
..
base-common.scss FIX: ensures chat panel can't have an invalid width (#27876) 2024-07-11 20:27:30 +02:00
chat-audio-upload.scss FIX: prevents audio container to overflow container (#25012) 2023-12-22 09:38:21 +01:00
chat-browse.scss UX: remove default use of quaternary color, update nav pill styles (#27502) 2024-06-24 09:54:34 -04:00
chat-channel-card.scss UX: better card alignment (#25720) 2024-02-16 16:00:55 +01:00
chat-channel-icon.scss UX: Chat avatar is-online styling (#26012) 2024-03-08 21:11:47 +01: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: add text-overflow for channel members list (#27208) 2024-05-27 21:28:54 +02:00
chat-channel-name.scss UX: Emoji aligment fixes, followup to #26491 (#26618) 2024-04-12 10:48:14 +02: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 FIX: instantly removes group message when leaving (#25961) 2024-02-29 23:49:01 +01: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 A11Y: disable non-essential CSS animations for reduced-motion users (#23571) 2023-09-14 17:31:43 -04:00
chat-composer-dropdown.scss DEV: FloatKit (#23650) 2023-09-26 13:39:52 +02:00
chat-composer-separator.scss Revert "UX: chat composer (#23267)" (#23273) 2023-08-25 13:49:41 -05:00
chat-composer-upload.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
chat-composer-uploads.scss UX: align navbar and composer uploads (#24970) 2023-12-19 15:41:51 +01:00
chat-composer.scss UX: composer fixes (#23334) 2023-08-30 15:10:21 +02:00
chat-drawer.scss UX: fix chat drawer z-index (#27568) 2024-06-21 10:09:05 -04:00
chat-emoji-picker.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02: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 DEV: improves keyboard sizing (#26372) 2024-03-27 08:50:32 +01:00
chat-index.scss UX: remove default use of quaternary color, update nav pill styles (#27502) 2024-06-24 09:54:34 -04:00
chat-mention-warnings.scss DEV: implements <Chat::Navbar /> (#24917) 2023-12-18 17:49:58 +01:00
chat-message-actions.scss UX: Remove or replace button transitions with variable (#27527) 2024-06-20 19:51:20 +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: fix fontsize and weight for prioritize username setting (#26034) 2024-03-05 19:42:24 +01:00
chat-message-error.scss REFACTOR: <ChatMessage> component (#22172) 2023-06-19 09:50:54 +02:00
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 DEV: Fix random typos (#21638) 2023-05-18 15:34:46 +02:00
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 UX: chat > deleted msg styling (#26538) 2024-04-06 11:18:18 +02: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 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 FIX: Hide chat message header with new argument (#24346) 2023-11-13 09:05:18 -06:00
chat-navbar.scss UX: fix chat title margin on drawer and side panel (#26171) 2024-03-14 13:41:42 +08: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 UX: Fix chat-reply overflow (#20592) 2023-03-08 21:12:49 +01:00
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 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 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-side-panel.scss UX: fix chat title margin on drawer and side panel (#26171) 2024-03-14 13:41:42 +08: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-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 UX: improves composer and thread panel (#21210) 2023-04-25 10:23:03 +02: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: expand threads list tap area on mobile (#26818) 2024-05-09 12:45:02 +04:00
core-extensions.scss FIX: User controls buttons order for admins (#27646) 2024-06-28 18:32:25 -03:00
dc-filter-input.scss UX: Chat browse redesign (#25698) 2024-02-15 18:00:22 +01:00
direct-message-creator.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
incoming-chat-webhooks.scss Remove border radius from chat (#22437) 2023-07-10 15:07:38 +02:00
index.scss UX: add illustrations for empty chat list + split into tabs on drawer (#26910) 2024-05-28 17:00:04 +04:00
reviewable-chat-message.scss
sidebar-extensions.scss UX: Emoji aligment fixes, followup to #26491 (#26618) 2024-04-12 10:48:14 +02:00