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

56 lines
955 B
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;
}
}
}
}