IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: add channel header offset to browse page height (#19030)

Browse Source
This commit is contained in:
chapoi 2022-11-15 11:35:40 +01:00 committed by GitHub
parent 59cb0b656c
commit 3277a858bf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/chat/assets/stylesheets/common/chat-browse.scss
View File

@ -1,6 +1,9 @@
.chat-browse-view { .chat-browse-view {
position: relative; position: relative;
height: calc(100vh - var(--header-offset)); height: calc(100vh - var(--header-offset) - var(--chat-header-offset));
padding-top: 1em;
padding-bottom: 41px;
box-sizing: border-box;
overflow-y: scroll; overflow-y: scroll;
@include chat-scrollbar(var(--secondary)); @include chat-scrollbar(var(--secondary));
@ -12,7 +15,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
margin-bottom: 1em;
.new-channel-btn { .new-channel-btn {
margin-left: auto; margin-left: auto;
@ -25,7 +27,7 @@
} }
&__content_wrapper { &__content_wrapper {
margin: 2rem 0 1rem 1rem; margin: 2rem 0 0 1rem;
box-sizing: border-box; box-sizing: border-box;
@include breakpoint(tablet) { @include breakpoint(tablet) {

1
plugins/chat/assets/stylesheets/common/common.scss
View File

@ -4,6 +4,7 @@ $float-height: 530px;
--message-left-width: 42px; --message-left-width: 42px;
--full-page-border-radius: 12px; --full-page-border-radius: 12px;
--full-page-sidebar-width: 275px; --full-page-sidebar-width: 275px;
--chat-header-offset: 65px;
} }
.chat-message-move-to-channel-modal-modal { .chat-message-move-to-channel-modal-modal {

4
plugins/chat/assets/stylesheets/desktop/desktop.scss
View File

@ -19,8 +19,8 @@
.chat-full-page-header { .chat-full-page-header {
padding: 0 1rem; padding: 0 1rem;
height: 65px; height: var(--chat-header-offset);
min-height: 65px; min-height: var(--chat-header-offset);
flex-shrink: 0; flex-shrink: 0;
} }