chapoi eb8549e527
UX: Chat footer unread indicator (#27244)
A few follup changes after changing to the chat footer split for drawer:
* Fixing a bug that stretched the unread indicator on mobile
* Minor style changes in hover/focus behaviour for chat drawer
* Repositioning of unread indicator so it has more space at the top of the footer
* Using the `c-unread-indicator` mixin
2024-05-29 17:16:03 +02:00

26 lines
359 B
SCSS

.full-page-chat {
#main-chat-outlet.chat-view {
grid-template-areas:
"list"
"footer";
}
.channels-list {
grid-area: list;
padding-bottom: 0;
}
}
.c-footer {
&__item {
.c-unread-indicator,
.c-unread-indicator.-urgent {
margin-left: 1rem;
}
}
}
.has-full-page-chat div#reply-control {
display: none;
}