Add resize handle to chat (#3157)

* 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 <>

web/components/ui/Content/Content.module.scss

@@ -5,11 +5,6 @@
   flex-direction: row;
   overflow: hidden;
   height: 100%;
-
-  // I'm not quite sure why, but sass ignores `#chat-container` here
-  [id="chat-container"] {
-    width: var(--chat-col-width);
-  }
 }
 
 .mainColumn {

web/components/ui/Content/Content.tsx

@@ -321,6 +321,7 @@ export const Content: FC = () => {
           isModerator={currentUser.isModerator}
           chatAvailable={isChatAvailable}
           showInput={!!currentUser}
+          desktop
         />
       )}
       {externalActionToDisplay && (