discourse/plugins/chat/assets/stylesheets/common/chat-channel-members.scss
Joffrey JAFFEUX ab832cc865
FEATURE: introduces group channels (#24288)
Group channels will allow users to create channels with a name and invite people. It's possible to add people even after creation of the channel. Removing users is not yet possible but will be added in the near future.

Technically a group channel is `direct_message_channel` with a group attribute set to true on its direct message (chatable). This model might evolve in the future but offers much flexibility for now without having to rely on a complex migration.

The commit essentially consists of:
- a migration to set existing direct message channels with more than 2 users to a group
- a new message creator which allows to search, add members, and create groups
- a new `AddUsersToChannel` service
- a modified `SearchChatable` service
2023-11-10 11:29:28 +01:00

56 lines
958 B
SCSS

.chat-channel-members {
max-width: 500px;
width: 100%;
&__filter {
margin-bottom: 1rem;
}
&__list {
display: flex;
margin: 0;
flex-direction: column;
&-item {
display: flex;
list-style: none;
border-bottom: 1px solid var(--primary-low);
align-items: center;
box-sizing: border-box;
padding: 0.5rem;
cursor: pointer;
.avatar {
cursor: pointer;
}
&:hover {
background: var(--primary-very-low);
}
&.-member {
.chat-user-avatar {
margin-right: 0.5rem;
}
}
&.-add-member {
color: var(--tertiary);
cursor: pointer;
.d-icon {
background: var(--primary-low);
color: var(--tertiary);
padding: 5px;
border-radius: 50%;
margin-right: 0.5rem;
}
}
&:last-child {
border-bottom: none;
}
}
}
}