discourse/plugins/chat/assets/stylesheets/desktop/chat-index-drawer.scss
Joffrey JAFFEUX 1219f41c68
UX: multiple minor improvements (#20917)
- Raises the scroll distance to 250px instead of 100px to show the arrow down button
- Always have a margin on drawer when showing channel list, removes this margin when the scrollbar is apparent
- Makes all scrollbar used in chat look the same through the chat-scrollbar mixin
- Ensures hover state is not persistent on channel row in mobile
- Makes the channel row full width on mobile
2023-04-03 10:46:38 +02:00

33 lines
591 B
SCSS

.chat-drawer-container .channels-list {
.chat-channel-divider {
padding: 1.5rem 0.5rem 0.5rem 1rem;
font-size: var(--font-0);
}
&.has-scrollbar {
.chat-channel-row {
margin-right: 0;
}
}
.chat-channel-row {
height: 3.6em;
padding: 0 0.5rem;
margin: 0 0.5rem 0 0.5rem;
&:not(:last-of-type) {
border-bottom: 1px solid var(--primary-low);
}
.chat-channel-metadata {
.chat-channel-unread-indicator {
margin-top: 0.25rem;
}
}
}
.toggle-channel-membership-button.-leave {
margin-left: 0.5em;
}
}