discourse/app/assets/stylesheets/common/select-kit/email-group-user-chooser.scss

.select-kit.email-group-user-chooser {
  &.full-width-wrap {
    width: unset;
  }

  .select-kit-row.email-group-user-chooser-row {
    .identifier {
      color: var(--primary);
      white-space: nowrap;
    }
    .name {
      color: var(--primary-high);
      font-size: var(--font-down-1);
      margin-left: 0.5em;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .avatar,
    .d-icon {
      margin-left: 0;
      margin-right: 0.5em;
    }
  }
  .select-kit-header {
    .x-more-item {
      background: var(--primary-low);
      padding: 0.25em;
      flex: 1;
      align-items: center;
      display: flex;
      justify-content: space-between;
      box-sizing: border-box;
      margin: 2px 0 0px 3px;
      float: left;
      height: 30px;
      color: inherit;
      outline: none;
    }
  }
}
DEV: {{user-selector}} replacement (#11726) This PR is the first step towards replacing our `{{user-selector}}` and eventually deprecating and removing it from our codebase. Some of `{{user-selector}}` problems are: 1. It's called `{{user-selector}}`, but in reality in can also select groups and emails. 2. It's an Ember component, yet it doesn't have a handlebars template and uses jQuery to render itself and modify the DOM. An example of this problem is when you want to clear the selected users programmatically, see [this](https://github.com/discourse/discourse/blob/6c155dba775441ccef9ac21c770102857978286d/app/assets/javascripts/discourse/app/components/user-selector.js#L179-L185). 3. We now have select kit which does very similar things but a lot better. This PR introduces `{{email-group-user-chooser}}` which is meant to replace `{{user-selector}}`. It extends select kit and has the same features that `{{user-selector}}` has. `{{user-selector}}` is still used in a few places in core, but they'll all be replaced with the new component in a separate commit. Once `{{user-selector}}` is not used anywhere in core, it'll be deprecated and then removed after the 2.7 release. 2021-02-01 13:07:11 +03:00			`.select-kit.email-group-user-chooser {`
DEV: Deprecate {{user-selector}} and replace it with {{email-group-user-chooser}} (#12042) `{{user-selector}}` is now deprecated and it will be removed from core in Discourse 2.8. All instances of `{{user-selector}}` has been replaced with `{{email-group-user-chooser}}`. 2021-02-12 13:51:36 +03:00			`&.full-width-wrap {`
			`width: unset;`
			`}`

DEV: {{user-selector}} replacement (#11726) This PR is the first step towards replacing our `{{user-selector}}` and eventually deprecating and removing it from our codebase. Some of `{{user-selector}}` problems are: 1. It's called `{{user-selector}}`, but in reality in can also select groups and emails. 2. It's an Ember component, yet it doesn't have a handlebars template and uses jQuery to render itself and modify the DOM. An example of this problem is when you want to clear the selected users programmatically, see [this](https://github.com/discourse/discourse/blob/6c155dba775441ccef9ac21c770102857978286d/app/assets/javascripts/discourse/app/components/user-selector.js#L179-L185). 3. We now have select kit which does very similar things but a lot better. This PR introduces `{{email-group-user-chooser}}` which is meant to replace `{{user-selector}}`. It extends select kit and has the same features that `{{user-selector}}` has. `{{user-selector}}` is still used in a few places in core, but they'll all be replaced with the new component in a separate commit. Once `{{user-selector}}` is not used anywhere in core, it'll be deprecated and then removed after the 2.7 release. 2021-02-01 13:07:11 +03:00			`.select-kit-row.email-group-user-chooser-row {`
			`.identifier {`
			`color: var(--primary);`
			`white-space: nowrap;`
			`}`
			`.name {`
			`color: var(--primary-high);`
DEV: Use css var font sizes (#18518) For consistency and and the ability to change all font sizes at once in the dev tools 2022-10-12 15:31:59 +02:00			`font-size: var(--font-down-1);`
DEV: {{user-selector}} replacement (#11726) This PR is the first step towards replacing our `{{user-selector}}` and eventually deprecating and removing it from our codebase. Some of `{{user-selector}}` problems are: 1. It's called `{{user-selector}}`, but in reality in can also select groups and emails. 2. It's an Ember component, yet it doesn't have a handlebars template and uses jQuery to render itself and modify the DOM. An example of this problem is when you want to clear the selected users programmatically, see [this](https://github.com/discourse/discourse/blob/6c155dba775441ccef9ac21c770102857978286d/app/assets/javascripts/discourse/app/components/user-selector.js#L179-L185). 3. We now have select kit which does very similar things but a lot better. This PR introduces `{{email-group-user-chooser}}` which is meant to replace `{{user-selector}}`. It extends select kit and has the same features that `{{user-selector}}` has. `{{user-selector}}` is still used in a few places in core, but they'll all be replaced with the new component in a separate commit. Once `{{user-selector}}` is not used anywhere in core, it'll be deprecated and then removed after the 2.7 release. 2021-02-01 13:07:11 +03:00			`margin-left: 0.5em;`
			`overflow: hidden;`
			`white-space: nowrap;`
			`text-overflow: ellipsis;`
			`}`
			`.avatar,`
			`.d-icon {`
			`margin-left: 0;`
			`margin-right: 0.5em;`
			`}`
			`}`
			`.select-kit-header {`
			`.x-more-item {`
			`background: var(--primary-low);`
			`padding: 0.25em;`
			`flex: 1;`
			`align-items: center;`
			`display: flex;`
			`justify-content: space-between;`
			`box-sizing: border-box;`
			`margin: 2px 0 0px 3px;`
			`float: left;`
			`height: 30px;`
			`color: inherit;`
			`outline: none;`
			`}`
			`}`
			`}`