mirror of
https://github.com/discourse/discourse.git
synced 2024-11-28 23:05:30 +08:00
98201ecc24
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](6c155dba77/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.
38 lines
802 B
SCSS
38 lines
802 B
SCSS
.select-kit.email-group-user-chooser {
|
|
.select-kit-row.email-group-user-chooser-row {
|
|
.identifier {
|
|
color: var(--primary);
|
|
white-space: nowrap;
|
|
}
|
|
.name {
|
|
color: var(--primary-high);
|
|
font-size: $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;
|
|
}
|
|
}
|
|
}
|