golang/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2025-11-02 03:54:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

change chat from a sidebar to a column (#3113)

Browse Source 
* change chat from a sidebar to a column

Using a 2-column layout prevents the chat scrollbar from overlapping the page
scrollbar. Also, it no longer needs to calculate extra padding for elements.

* remove unused Sidebar.tsx

* fix css for chat column

* re-center "Go to last message" button

* main content column always uses maximum height

* lint

* re-hide scrollbars in mainContent on chromium

* fix chat column width when input is over-full

* chat is only fixed-width in desktop

---------

Co-authored-by: janWilejan <>
This commit is contained in:
janWilejan
2023-07-09 21:07:35 +00:00
committed by GitHub
parent 60d6cda3a6
commit 2d72935564
11 changed files with 114 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/components/chat/ChatContainer/ChatContainer.module.scss
View File

@ -2,8 +2,8 @@
// The button that is displayed to scroll to the bottom of the chat.
.toBottomWrap {
align-self: center;
display: flex;
width: 100%;
justify-content: center;
position: absolute;
bottom: 75px;
@ -23,6 +23,7 @@
}
.chatContainer {
flex: 0 0 auto;
display: flex;
flex-direction: column;
background-color: var(--theme-color-components-chat-background);