Import CSS for calls

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

1 files changed, 4 insertions, 26 deletions

diff --git a/css/publicshareauth.scss b/css/publicshareauth.scss
index 2e5cee455..b845a0baf 100644
--- a/css/publicshareauth.scss
+++ b/css/publicshareauth.scss
@@ -115,20 +115,20 @@ input#request-password-button:disabled ~ .icon {
 }
 
 /* Video in Talk sidebar */
-#talk-sidebar #videos {
+#talk-sidebar #call-container #videos {
 	position: relative;
 
 	flex-grow: 1;
 }
 
-#talk-sidebar .videoContainer {
+#talk-sidebar #call-container .videoContainer {
 	/* The video container has some small padding to prevent the video from
 	 * reaching the edges, but it also uses "width: 100%", so the padding should
 	 * be included in the full width of the element. */
 	box-sizing: border-box;
 }
 
-#talk-sidebar .videoContainer.promoted video {
+#talk-sidebar #call-container .videoContainer.promoted video {
 	/* Base the size of the video on its width instead of on its height;
 	 * otherwise the video could appear in full height but cropped on the sides
 	 * due to the space available in the sidebar being typically larger in
@@ -137,35 +137,13 @@ input#request-password-button:disabled ~ .icon {
 	height: auto;
 }
 
-#talk-sidebar .nameIndicator {
+#talk-sidebar #call-container .nameIndicator {
 	/* The name indicator has some small padding to prevent the name from
 	 * reaching the edges, but it also uses "width: 100%", so the padding should
 	 * be included in the full width of the element. */
 	box-sizing: border-box;
 }
 
-/* Screensharing in Talk sidebar */
-#talk-sidebar #call-container.screensharing #videos .videoContainer video {
-	max-height: 200px;
-	background-color: transparent;
-	box-shadow: 0;
-}
-
-#talk-sidebar #call-container.screensharing #screens {
-	position: absolute;
-	width: 100%;
-	height: calc(100% - 200px);
-	top: 0;
-	background-color: transparent;
-}
-
-#talk-sidebar #call-container.screensharing .screenContainer {
-	position: relative;
-	width: 100%;
-	height: 100%;
-	overflow: hidden;
-}
-
 /**
  * Cascade parent element height to the chat view in the sidebar to limit the
  * vertical scroll bar only to the list of messages. Otherwise, the vertical