diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2018-08-02 18:25:44 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2018-08-08 15:17:40 +0300 |
commit | c113242e6f337b83f2fffb4d208e0be47651c15c (patch) | |
tree | d6a73d13925d92dfabf952771296c1e8c11ea5f1 /css/publicshareauth.scss | |
parent | e8410d562e420976084eae68acabe46276624309 (diff) |
Add proper layout for screensharing
When a screen is shared it takes the upper area of the call container,
and the videos are shown below it in a 200px high row, just like in the
normal Talk UI.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'css/publicshareauth.scss')
-rw-r--r-- | css/publicshareauth.scss | 21 |
1 files changed, 19 insertions, 2 deletions
diff --git a/css/publicshareauth.scss b/css/publicshareauth.scss index 9055777a5..d3ae5a1cf 100644 --- a/css/publicshareauth.scss +++ b/css/publicshareauth.scss @@ -135,8 +135,25 @@ input#request-password-button:disabled ~ .icon { } /* Screensharing in Talk sidebar */ -#talk-sidebar #screens { - display: none; +#talk-sidebar.screensharing #videos .videoContainer video { + max-height: 200px; + background-color: transparent; + box-shadow: 0; +} + +#talk-sidebar.screensharing #screens { + position: absolute; + width: 100%; + height: calc(100% - 200px); + top: 0; + background-color: transparent; +} + +#talk-sidebar.screensharing .screenContainer { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; } /** |