Show empty content message when not in a call

The empty content message informs the user when the app is waiting for
the media permissions and then when it is waiting for the sharer to join
the call. Thus it is now shown above the chat view, in the place that
will be occupied by the call container once the call starts.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

1 files changed, 11 insertions, 8 deletions

diff --git a/css/publicshareauth.scss b/css/publicshareauth.scss
index 09d6dfe15..ef16ef88c 100644
--- a/css/publicshareauth.scss
+++ b/css/publicshareauth.scss
@@ -76,16 +76,23 @@ input#request-password-button:disabled ~ .icon {
 	border-left-width: 0;
 }
 
-#talk-sidebar #commentsTabView ~ #emptycontent {
-	display: none !important;
-}
-
 
 
 /* Talk sidebar */
 #talk-sidebar {
 	display: flex;
 	flex-direction: column;
+	justify-content: center;
+}
+
+#talk-sidebar #emptycontent {
+	position: relative;
+
+	margin-top: 10px;
+}
+
+#talk-sidebar.incall #emptycontent {
+	display: none;
 }
 
 #talk-sidebar:not(.incall) #call-container {
@@ -175,10 +182,6 @@ input#request-password-button:disabled ~ .icon {
 
 	flex-grow: 1;
 
-	/* Show chat view below "#videos", even if in the markup it is above it to
-	 * hide the empty content using CSS. */
-	order: 1;
-
 	/* Distribute available height between call container and chat view. */
 	height: 50%;
 }