discourse/plugins/chat/assets/stylesheets/desktop/chat-index-full-page.scss
chapoi b83d9fa802
UX: chat index refactor (#19264)
* Refactor: split out chat index files

* Refactor: is-online offset
2022-12-01 14:56:04 +01:00

46 lines
959 B
SCSS

.has-full-page-chat:not(.discourse-sidebar) {
.full-page-chat {
.channels-list {
height: 100%;
border-right: 1px solid var(--primary-low);
background: var(--primary-very-low);
.chat-channel-divider {
padding: 2rem 1rem 0.5rem 1rem;
&:first-of-type {
padding-top: 1.5rem;
}
}
.loading-container {
padding-bottom: 1em;
}
.chat-channel-row {
height: 2.5em;
padding: 0 0.5rem;
margin: 0 0.5rem 0.125rem 0.5rem;
border-radius: 0.25em;
&:hover,
&.active {
background-color: var(--primary-low);
.chat-channel-title {
.category-chat-name,
.chat-name,
.dm-usernames {
color: var(--primary);
}
}
}
.chat-channel-metadata {
&__date {
display: none;
}
}
}
}
}
}