LogalDeveloper/owncast
0
Fork 0
Code Activity

Add resize handle to chat (#3157)

Browse Source 
* add resize handle to chat

* Add chat resize functionality

* window resize only causes chat resize on desktop

* fix parseFloat invocation

* desktop is optional attribute of ChatContainer

---------

Co-authored-by: janWilejan <>
This commit is contained in:
janWilejan
2023-07-11 06:00:28 +00:00
committed by GitHub
parent c92f58df2e
commit 3f4887020d
5 changed files with 50 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -31,6 +31,15 @@
font-size: var(--chat-message-text-size);
}
.resizeHandle {
background: linear-gradient(45deg, transparent 0px,transparent 4px, var(--color-owncast-palette-6) 4px, var(--color-owncast-palette-6) 5px, transparent 5px, transparent 9px, var(--color-owncast-palette-6) 9px, var(--color-owncast-palette-6) 10px, transparent 10px, transparent 14px, var(--color-owncast-palette-6) 14px, var(--color-owncast-palette-6) 15px, transparent 15px);
position: absolute;
bottom: 0;
width: 30px;
height: 30px;
cursor: col-resize;
}
.virtuoso {
width: auto;
flex-grow: 1;