discourse/plugins/chat/assets/stylesheets/desktop
Kris 6bcb38f410
REFACTOR: consolidate empty states, add invite variant (#33455)
This consolidates various empty states to use a single `EmptyState`
component. I've also added a new state when there are no pending
invites.

I've moved the SVGs to stand-alone components in a `components/svg/`
directory. I believe these need to be embedded (rather than separate
`.svg` assets) because we're using color variables within.

Most of the `EmptyState` component is optional so it should be flexible.
An optional tip block is used for when we may need to utilize an action
instead of a link (as invites do).

The invite tip includes a prefix and suffix so translators can adjust as
needed for their locale.


The existing empty states should only change slightly... 

New

![image](https://github.com/user-attachments/assets/e85b38cb-82f9-408c-bca9-d01db1ff2b4e)


Unread

![image](https://github.com/user-attachments/assets/5546b8fa-8645-4568-a155-42155c0f4477)


Chat channels

![image](https://github.com/user-attachments/assets/80efe964-85cf-4054-aa4c-efdb0864b84b)


Plus the new invite state: 

![image](https://github.com/user-attachments/assets/e2708ba4-32e8-4e47-aa99-a712b45922f9)


These simpler empty states are also using the component now, it will now
be easy to enhance these with illustrations in the future as well.


![image](https://github.com/user-attachments/assets/30f8ee5e-7cb4-45f1-9652-bbd5b1c034de)



![image](https://github.com/user-attachments/assets/98e62785-4e1f-40c6-8c86-5f98391472a0)
2025-07-09 12:34:04 -04:00
..
base-desktop.scss DEV: Update linting (#32836) 2025-05-21 12:02:52 +02:00
chat-channel-info.scss UX: chat channel info area > classname changes (#24954) 2023-12-18 22:09:47 +01:00
chat-channel.scss DEV: Replace all @breakpoint with @viewport.* (#32649) 2025-05-12 12:52:45 +01:00
chat-composer-uploads.scss DEV: unifies emoji picker (#28277) 2025-01-08 11:41:36 +01:00
chat-index-drawer.scss DEV: Introduce stylelint (#29852) 2025-01-20 15:27:42 +00:00
chat-index-full-page.scss REFACTOR: consolidate empty states, add invite variant (#33455) 2025-07-09 12:34:04 -04:00
chat-message-actions.scss DEV: Convert mobile chat message actions to a modal (#26436) 2024-04-04 09:25:52 -03:00
chat-message-creator.scss FEATURE: introduces group channels (#24288) 2023-11-10 11:29:28 +01:00
chat-message-thread-indicator.scss DEV: Introduce stylelint (#29852) 2025-01-20 15:27:42 +00:00
chat-message.scss UX: Improve border-radius stuff in chat-message actions (#25129) 2024-01-04 12:33:07 +01:00
chat-side-panel.scss FIX: do not store 0 has min width for thead panel (#30818) 2025-01-16 16:03:35 +01:00
index.scss DEV: removes sidebar-extensions css (#30266) 2024-12-13 15:36:30 +01:00