discourse/plugins/chat/assets/stylesheets/mobile/chat-header.scss
chapoi b063d92ad1
UX: chat header size and alignments (#25239)
This commit:

- increased the size of chat-header-offset from 46px to 56px on mobile
- tweaked navbar padding
- Increased the gap between back button and title; this means no more perfect alignment, but I think that's perfectly fine and a fair trade off for an easier click target for the back button without fear of hitting the title
2024-01-12 14:27:44 +01:00

35 lines
613 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 0.5rem 0.25rem;
.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;
}
}
}