discourse/app/assets/stylesheets/common/select-kit/email-group-user-chooser.scss
Jordan Vidrine 2c3b4ff135
UX: UX Fixes (#13918)
* UX: Adjust name alignment on email group chooser

* UX: Remove dotted line when using j/k navigation on topic
2021-08-02 17:36:48 -05:00

43 lines
875 B
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: $font-down-1;
margin-left: 0.5em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
align-self: flex-end;
}
.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;
}
}
}