discourse/plugins/chat/assets/stylesheets/desktop/chat-index-full-page.scss
chapoi 0ce0bcd8ff
Remove border radius from chat (#22437)
* add border-radius-large variable

* UX: replace chat border-radius with variable
2023-07-10 15:07:38 +02:00

45 lines
958 B
SCSS

.has-full-page-chat:not(.discourse-sidebar) {
.full-page-chat {
.channels-list {
height: calc(100vh - var(--header-offset));
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;
&: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;
}
}
}
}
}
}