I replaced flex-none in chat and settings divs by flex-1 in videoWrapper. This way, videoWrapper will grow as much as possible and will also shrink at first. When videoWrapper disappers, our chat will start shrinking.
I also fixed the problem with videoWrapper not being re-displayed after we show chat on small screens (< 1024) that are then resized to large screens (> 1024)
I mean flow:
Resize screen to be < 1024
Show chat - because we are on small screen videoWrapper is hidden
I replaced flex-none in chat and settings divs by flex-1 in videoWrapper. This way, videoWrapper will grow as much as possible and will also shrink at first. When videoWrapper disappers, our chat will start shrinking.
I also fixed the problem with videoWrapper not being re-displayed after we show chat on small screens (< 1024) that are then resized to large screens (> 1024)
I mean flow: