diff options
| author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2017-11-28 18:56:23 +0300 |
|---|---|---|
| committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2018-01-08 17:35:04 +0300 |
| commit | 3cff47a2385cb9ded373679e64728e288e102a8d (patch) | |
| tree | 82faa45d3c267258da06be79932bb98d5e0d1af6 /css | |
| parent | 3190f30399b93590a5461381cfaa1eceeaaa19ed (diff) | |
Show the chat view as the main view when in a room but not in a call
When shown as the main view, the input field to add a new message is
always shown and a scroll bar is provided just for the list of messages.
Only the chat view is added and removed to and from the main view; the
other elements in the main view are not modified when that happens, and
they are hidden using some CSS magic.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'css')
| -rw-r--r-- | css/style.css | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/css/style.css b/css/style.css index eaa4e3585..f8dd32b4e 100644 --- a/css/style.css +++ b/css/style.css @@ -141,6 +141,30 @@ } /** + * Main view chat styles + */ +#app-content-wrapper { + height: 100%; +} + +#app-content-wrapper #commentsTabView { + width: 100%; + height: 100%; + + display: flex; + flex-direction: column; +} + +#app-content-wrapper #commentsTabView .comments { + overflow-y: auto; +} + +/* Hide all siblings of the chat view when shown as the main view */ +#app-content-wrapper #commentsTabView ~ * { + display: none !important; +} + +/** * Video styles */ |