discourse/plugins/chat/assets/stylesheets/common/chat-thread-header.scss
chapoi 85c6914f80
UX: thread list fixes for alignment and more spacing on mobile (#23823)
* UX: fix padding on active touch
* UX: thread list header bigger + alignment
* UX: thread list alignment desktop
* UX: visual corrections to alignment
* UX: mobile alignment and padding
2023-10-07 11:06:16 +02:00

33 lines
619 B
SCSS

.chat-thread-header {
height: var(--chat-header-offset);
min-height: var(--chat-header-offset);
border-bottom: 1px solid var(--primary-low);
border-top: 1px solid var(--primary-low);
box-sizing: border-box;
display: flex;
align-items: center;
padding-inline: 1rem 0.5rem;
.touch & {
&__label {
font-size: var(--font-up-1-rem);
}
}
.chat-thread__back-to-previous-route {
padding: 0.5rem 0;
margin-right: 0.5rem;
}
&__buttons {
display: flex;
margin-left: auto;
}
&__left-buttons {
display: flex;
flex-direction: row;
align-items: center;
}
}