From 0ddf0127381df47145f83b44fec8c848f1fb3584 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Thu, 2 Aug 2018 19:59:58 +0200 Subject: Show empty content message when not in a call MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- css/publicshareauth.scss | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) (limited to 'css/publicshareauth.scss') 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%; } -- cgit v1.2.3