discourse/plugins/chat/assets/stylesheets/mobile/chat-header.scss
David Battersby 1061bf97e2
UI: chat header style improvements (#25057)
Small visual improvements for chat header on mobile:

- makes the Back to Forum target size slightly narrower
- makes the text color consistent between header and back button (and d-icon)
- makes the chat heading bold
2023-12-28 17:44:53 +08:00

35 lines
598 B
SCSS

.has-full-page-chat {
.d-header-icons .search-dropdown,
.d-header-icons .hamburger-dropdown {
display: none;
}
.home-logo-wrapper-outlet {
width: 100%;
}
.c-header {
width: 100%;
display: flex;
align-items: center;
.back-to-forum {
color: var(--primary);
font-size: var(--font-up-1);
padding: 0.5rem 0.8rem;
.d-icon {
color: var(--primary);
}
}
.c-heading {
color: var(--primary);
font-size: var(--font-up-2);
font-weight: bold;
margin: 0 auto;
padding: 0.4rem 0.8rem;
}
}
}