tgrosinger/orcashub-discourse-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UX: Add styling for chat (#7)

Browse Source
This commit is contained in:
Jordan Vidrine 2022-02-02 15:47:41 -06:00 committed by GitHub
parent fc690dc1e5
commit 781d34e3af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
desktop/desktop.scss
View File

@ -1 +1,2 @@
@import "showcased-categories";
@import "chat-desktop";

2
mobile/mobile.scss
View File

@ -1,3 +1,5 @@
@import "chat-mobile";
.custom-search-banner-wrap {
h1 {
font-size: 2.5em !important;

21
scss/chat-desktop.scss Normal file
View File

@ -0,0 +1,21 @@
.has-full-page-chat #main-outlet.wrap {
overflow: hidden;
margin-bottom: 30px;
padding-bottom: 0px !important;
.full-page-chat {
grid-template-rows: calc(var(--full-page-chat-height) - 30px);
}
}
@media screen and (max-width: 1366px) {
.has-full-page-chat:not(.discourse-sidebar) #main-outlet.wrap {
max-width: 100% !important;
width: 100% !important;
border-radius: 0;
margin: 0;
padding: 0;
.full-page-chat {
grid-template-rows: var(--full-page-chat-height);
}
}
}

16
scss/chat-mobile.scss Normal file
View File

@ -0,0 +1,16 @@
html
body.has-full-page-chat
#main-outlet.wrap {
width: 100% !important;
padding: 0 !important;
background-color: var(--secondary) !important;
}
html body.chat-enabled #main-outlet {
width: 100% !important;
padding: 0 !important;
background-color: var(--secondary) !important;
.chat-channels {
height: var(--full-page-chat-height);
}
}