github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-05 10:03:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: attempt to simplify chat navbar spacing (#30054)

Browse Source 
The main bug this commit is fixing is lack of spacing on the title "channels" when visiting the chat homepage on mobile.
This commit is contained in:
Joffrey JAFFEUX 2024-12-03 09:33:10 +01:00 committed by GitHub
parent ef9d7579df
commit 89a6cac968
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 5 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
plugins/chat/assets/stylesheets/common/chat-navbar.scss
View File

@ -5,7 +5,7 @@
box-sizing: border-box;
display: flex;
z-index: z("composer", "content") - 1;
padding: 0 1rem;
padding: 0 0.67em;
&.-clickable {
cursor: pointer;
@ -21,7 +21,6 @@
container-type: inline-size;
.is-collapsed & {
margin-left: 1rem;
&__title {
margin-left: 0 !important;
}
@ -50,16 +49,11 @@
.single-select-header {
padding: 0.3675rem 0.584rem;
}
> .c-navbar__title:first-child {
.chat-drawer & {
margin-left: 1rem;
}
}
}
.c-navbar__back-button {
height: var(--chat-header-offset);
padding: 0.5rem 0.8rem 0.5rem 0.25rem;
}
.c-navbar__channel-title {

7
plugins/chat/assets/stylesheets/desktop/chat-navbar.scss
View File

@ -1,7 +0,0 @@
.c-navbar-container {
.chat-drawer &,
.c-routes-channel.--thread &,
.c-routes-channel.--info & {
padding-inline: 0;
}
}

1
plugins/chat/assets/stylesheets/desktop/index.scss
View File

@ -1,5 +1,4 @@
@import "base-desktop";
@import "chat-navbar";
@import "chat-composer-uploads";
@import "chat-index-drawer";
@import "chat-index-full-page";

8
plugins/chat/assets/stylesheets/mobile/chat-navbar.scss
View File

@ -1,12 +1,10 @@
.c-navbar {
gap: 0.75rem;
gap: 0.5rem;
&-container {
max-width: 100vw;
padding-inline: 0.25rem;
}
&__actions {
margin-right: 0.5rem;
}
&__back-button {
align-self: stretch;
}