From 0ae54754b0c399fb690ab1122d9690d6d5edfd4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Fri, 25 Jan 2019 16:38:41 +0100
Subject: Set call related CSS classes in the call container of PublicShareAuth
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

For legacy reasons the "incall" CSS class, which is used to hide and
show the empty content view and the call container as needed, and the
"screensharing" CSS class, which is used to adjust the call UI when
there are shared screens, were set in the "#talk-sidebar" element of
PublicShareAuth. For consistency with the embedded Talk UI now the
classes are set in the "#call-container" instead.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 css/publicshareauth.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'css/publicshareauth.scss')

diff --git a/css/publicshareauth.scss b/css/publicshareauth.scss
index 55f36da48..84e3294c3 100644
--- a/css/publicshareauth.scss
+++ b/css/publicshareauth.scss
@@ -91,11 +91,11 @@ input#request-password-button:disabled ~ .icon {
 	margin-top: 10px;
 }
 
-#talk-sidebar.incall #emptycontent {
+#talk-sidebar #call-container.incall ~ #emptycontent {
 	display: none;
 }
 
-#talk-sidebar:not(.incall) #call-container {
+#talk-sidebar #call-container:not(.incall) {
 	display: none;
 }
 
@@ -145,13 +145,13 @@ input#request-password-button:disabled ~ .icon {
 }
 
 /* Screensharing in Talk sidebar */
-#talk-sidebar.screensharing #videos .videoContainer video {
+#talk-sidebar #call-container.screensharing #videos .videoContainer video {
 	max-height: 200px;
 	background-color: transparent;
 	box-shadow: 0;
 }
 
-#talk-sidebar.screensharing #screens {
+#talk-sidebar #call-container.screensharing #screens {
 	position: absolute;
 	width: 100%;
 	height: calc(100% - 200px);
@@ -159,7 +159,7 @@ input#request-password-button:disabled ~ .icon {
 	background-color: transparent;
 }
 
-#talk-sidebar.screensharing .screenContainer {
+#talk-sidebar #call-container.screensharing .screenContainer {
 	position: relative;
 	width: 100%;
 	height: 100%;
-- 
cgit v1.2.3