github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-02 11:03:48 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
85001a27e9
discourse/plugins/chat/assets/stylesheets/mobile/chat-header.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

35 lines
613 B
SCSS
Raw Normal View History

FEATURE: chat header redesign on mobile (#24938) This change simplifies the layout of our header when chat is open on mobile. The search icon and hamburger menu icons are also hidden and the Discourse logo is replaced by a ← Forum link to make it easier to continue where you left off within the forum (prior to this update the user could only go back to the forum index page).
2023-12-26 17:36:26 +08:00
.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 {
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
color: var(--primary);
FEATURE: chat header redesign on mobile (#24938) This change simplifies the layout of our header when chat is open on mobile. The search icon and hamburger menu icons are also hidden and the Discourse logo is replaced by a ← Forum link to make it easier to continue where you left off within the forum (prior to this update the user could only go back to the forum index page).
2023-12-26 17:36:26 +08:00
font-size: var(--font-up-1);
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 21:27:44 +08:00
padding: 0.5rem 0.8rem 0.5rem 0.25rem;
FEATURE: chat header redesign on mobile (#24938) This change simplifies the layout of our header when chat is open on mobile. The search icon and hamburger menu icons are also hidden and the Discourse logo is replaced by a ← Forum link to make it easier to continue where you left off within the forum (prior to this update the user could only go back to the forum index page).
2023-12-26 17:36:26 +08:00
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
.d-icon {
FEATURE: chat header redesign on mobile (#24938) This change simplifies the layout of our header when chat is open on mobile. The search icon and hamburger menu icons are also hidden and the Discourse logo is replaced by a ← Forum link to make it easier to continue where you left off within the forum (prior to this update the user could only go back to the forum index page).
2023-12-26 17:36:26 +08:00
color: var(--primary);
}
}
.c-heading {
color: var(--primary);
font-size: var(--font-up-2);
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
font-weight: bold;
FEATURE: chat header redesign on mobile (#24938) This change simplifies the layout of our header when chat is open on mobile. The search icon and hamburger menu icons are also hidden and the Discourse logo is replaced by a ← Forum link to make it easier to continue where you left off within the forum (prior to this update the user could only go back to the forum index page).
2023-12-26 17:36:26 +08:00
margin: 0 auto;
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
padding: 0.4rem 0.8rem;
FEATURE: chat header redesign on mobile (#24938) This change simplifies the layout of our header when chat is open on mobile. The search icon and hamburger menu icons are also hidden and the Discourse logo is replaced by a ← Forum link to make it easier to continue where you left off within the forum (prior to this update the user could only go back to the forum index page).
2023-12-26 17:36:26 +08:00
}
}
}
Reference in New Issue Copy Permalink