35 lines
611 B
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);
|
||
|
|
}
|
||
|
|
}
|