diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-01-25 18:38:41 +0300 |
---|---|---|
committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-03-05 15:59:28 +0300 |
commit | 0ae54754b0c399fb690ab1122d9690d6d5edfd4c (patch) | |
tree | 2e56ad43ce988b632bcf59f470531ac5473f35af /css | |
parent | 128dcccb70b00abbe859bdb9cfceea6042587bcd (diff) |
Set call related CSS classes in the call container of PublicShareAuth
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>
Diffstat (limited to 'css')
-rw-r--r-- | css/publicshareauth.scss | 10 | ||||
-rw-r--r-- | css/video.scss | 1 |
2 files changed, 5 insertions, 6 deletions
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%; diff --git a/css/video.scss b/css/video.scss index ab5db97bb..ffa596c22 100644 --- a/css/video.scss +++ b/css/video.scss @@ -348,7 +348,6 @@ video { #app-content:not(.incall):not(.screensharing) .force-icon-white-in-call, -#talk-sidebar:not(.incall):not(.screensharing) .force-icon-white-in-call, #call-container:not(.incall):not(.screensharing) .force-icon-white-in-call { /* * Also force the white icons, when the video of the local participant is shown, |