discourse/plugins/chat/assets/stylesheets/mobile/chat-navbar.scss
Jan Cernik ab326d10d8
FIX: Make long thread titles readable (#25456)
When reaching the top of a thread, the full thread title will be displayed if it was too long to fit.
It works in mobile, drawer mode, and fullscreen.
---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-01-30 14:18:00 +01:00

35 lines
616 B
SCSS

.c-navbar {
gap: 0.75rem;
&-container {
max-width: 100vw;
padding-inline: 0.25rem;
}
&__actions {
margin-right: 0.5rem;
}
&__back-button {
align-self: stretch;
}
&.-full-title {
.c-navbar {
&__actions,
&__back-button {
height: calc(var(--chat-header-offset) - 2px) !important;
}
&__title {
padding-block: calc(1rem + 2px);
}
}
left: 0.25rem;
width: calc(100% - 0.5rem);
}
.c-navbar__title {
.c-routes-direct-messages &,
.c-routes-channels &,
.c-routes-threads & {
padding-left: 1.25rem;
}
}
}