discourse/app/assets/stylesheets/common/components/user-status-picker.scss

35 lines
611 B
SCSS

.user-status-picker-wrap {
display: inline-flex;
width: 100%;
align-items: end;
.user-status-picker {
display: flex;
width: 100%;
border: 1px solid var(--primary-medium);
.btn-emoji {
margin: 3px;
width: 2.3em;
text-align: center;
.svg-icon {
color: var(--primary-high);
}
}
.user-status-description {
width: 100%;
margin-bottom: 0;
border: none;
outline: none;
padding-left: 0;
}
}
.user-status-picker.focused {
border: 1px solid var(--tertiary);
outline: 1px solid var(--tertiary);
}
}