discourse/plugins/chat/assets/stylesheets/common/chat-channel-members.scss

.c-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;
      }
    }
  }
}
UX: chat channel info area > classname changes (#24954) 2023-12-18 23:09:47 +02:00			`.c-channel-members {`
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			`max-width: 500px;`
			`width: 100%;`
UI: redesigned settings/members (#23804) This PR is a first step towards private groups. It redesigns settings/members area of a channel and also drops the "about" page which is now mixed into settings. This commit is also: - introducing chat-form, a small DSL to create forms, ideally I would want something in core for this - introducing a DToggleSwitch page object component to simplify testing toggles - migrating various components to gjs 2023-10-09 14:11:16 +02:00
			`&__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;`
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			`box-sizing: border-box;`
			`padding: 0.5rem;`
			`cursor: pointer;`
UI: redesigned settings/members (#23804) This PR is a first step towards private groups. It redesigns settings/members area of a channel and also drops the "about" page which is now mixed into settings. This commit is also: - introducing chat-form, a small DSL to create forms, ideally I would want something in core for this - introducing a DToggleSwitch page object component to simplify testing toggles - migrating various components to gjs 2023-10-09 14:11:16 +02:00
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			`.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;`
			`}`
UI: redesigned settings/members (#23804) This PR is a first step towards private groups. It redesigns settings/members area of a channel and also drops the "about" page which is now mixed into settings. This commit is also: - introducing chat-form, a small DSL to create forms, ideally I would want something in core for this - introducing a DToggleSwitch page object component to simplify testing toggles - migrating various components to gjs 2023-10-09 14:11:16 +02:00			`}`

			`&:last-child {`
			`border-bottom: none;`
			`}`
			`}`
			`}`
			`}`