From 9741db4f48cbf7517b6af681951ef9d97e429e77 Mon Sep 17 00:00:00 2001
From: Ivan Sein <ivan@struktur.de>
Date: Thu, 25 Jan 2018 18:18:01 +0100
Subject: [PATCH] Re-define videoContainers and videos css rules when
 screensharing is active.

Signed-off-by: Ivan Sein <ivan@nextcloud.com>
---
 css/style.scss | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/css/style.scss b/css/style.scss
index 480842387..21369d1c4 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -206,7 +206,8 @@
 	align-items: flex-end;
 }
 
-.videoContainer {
+.videoContainer,
+#app-content.screensharing .videoContainer {
 	position: relative;
 	width: 100%;
     padding: 0 2%;
@@ -218,6 +219,10 @@
 	z-index: 2;
 }
 
+#app-content.screensharing .videoContainer {
+	max-height: 200px;
+}
+
 video {
 	width: 100%;
 	z-index: 0;
@@ -228,6 +233,12 @@ video {
 	vertical-align: top; /* fix white line below video */
 }
 
+#app-content.screensharing .videoContainer video {
+	max-height: 200px;
+	background-color: transparent;
+	box-shadow: 0;
+}
+
 #screens video {
 	-webkit-filter: none;
 	filter: none;
@@ -405,12 +416,6 @@ video {
 	}
 }
 
-#app-content.screensharing .videoContainer video {
-	max-height: 200px;
-	background-color: transparent;
-	box-shadow: 0;
-}
-
 #app-content.screensharing #screens {
 	position: absolute;
 	width: 100%;