From c113242e6f337b83f2fffb4d208e0be47651c15c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Thu, 2 Aug 2018 17:25:44 +0200 Subject: Add proper layout for screensharing MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- css/publicshareauth.scss | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) (limited to 'css/publicshareauth.scss') 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; } /** -- cgit v1.2.3